DOM——创建节点及节点属性与内部插入append()和appendTo()

简介:

      创建节点及节点属性与内部插入append()和appendTo()

1   创建流程

   创建节点(常见的元素、属性和文本)

   添加节点的一些属性

   加入到文档中

2   流程中涉及的方法

   创建元素document,creat

   设置属性setAttrilbute

   添加文本innerHTML

   加入文档appendChild

3   创建节点时注意:每一个元素节点都必须单独创建,节点是属性需要单独设置,而且设置的接口不是很统一,添加到指定的元素位置不灵活,浏览器兼容问题处理

4   创建元素节点常见的是直接把这个节点的结构通过HTML标记字符串描述出来,通过$()函数处理$("html结构")如$("<div><div>")

5   创建为本节点与创建元素节点类似,可以直接把文本内容一并描述,如$("<div>我是文本节点</div>")

6   创建为属性节点与创建元素节点同样的方式,如$("<div id='test' class='aaron'>我是文本节点</div>")

7   append这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似

8   appendTo使用这个方法颠倒了常规的$(A).append(B)的操作,既不是把B追加到A中,而是把A追加到B中

9   append()和appendTo()的操作方法

   append(content)向每个匹配的元素内部追加内容

   appendTo(content)把所有匹配的元素追加到另一个指定的元素集合中

10   .append()和.appendTo()两种方法功能相同,主要的不同是语法、内容和目标的位置不同

11   .append()前面是被插入的对象,后面是要在对向内插入的元素内容

12   .appendTo()前面是要被插入的元素内容,而后面是被插入的对象

13   .append()和.appendTo()都是在被选元素的结尾(仍然在内部)插入指定内容



本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1982890

相关文章
|
1月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
17天前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中,文档中的所有内容都被视为节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。DOM 将文档表示为节点树,节点之间有父子和同胞关系。
|
17天前
|
JavaScript
HTML DOM 节点
HTML DOM(文档对象模型)将HTML文档视为节点树,其中每个部分都是节点:文档本身是文档节点,HTML元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。节点间存在父子及同胞关系,形成层次结构。
|
27天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
26天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
28天前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
41 4
|
28天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
30天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)