DOM——创建节点及节点属性与内部插入append()和appendTo()
更新:HHH   时间:2023-1-7


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

返回web开发教程...