[js] 6.怎样添加、移除、移动、复制、创建和查找节点？

[qiilee]

答案：

1）创建新节点

• createDocumentFragment() //创建一个 DOM 片段
• createElement() //创建一个具体的元素
• createTextNode() //创建一个文本节点

2）添加、移除、替换、插入

• appendChild() //添加
• removeChild() //移除
• replaceChild() //替换
• insertBefore() //插入

3）查找

• getElementsByTagName() //通过标签名称
• getElementsByName() //通过元素的 Name 属性的值
• getElementById() //通过元素 Id，唯一性

[lvanboy]

1.节点查找

• document.getElementById，document.getElementByTagName，document.getElementByName ，- document.getElementByClassName
• document.querySelector() 参数为选择器
• document.forms 选取页面中的所有表单元素

2.增加节点

增加节点前必须先使用document.createElement()创建元素节点，参数为标签名

• m.appendChild(n) 为m元素在末尾添加n节点
• m.insertBefore(k,n) 在m元素的k节点前添加n节点

3.删除节点

• m.removeChild(n)删除m元素中的n节点
• m.replaceChild(k,n)用n节点取代m元素中的k节点

4.复制节点

• m.cloneChild() 复制m节点，并将复制出来的节点作为返回值
  参数为true时，则将m元素的后代元素也一并复制。否则，仅复制m元素本身