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

Posted 2020-10-14

      创建节点及节点属性与内部插入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()都是在被选元素的结尾（仍然在内部）插入指定内容