节点操作

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元素本身

节点属性操作

1.节点属性选取

  • m.属性名  ：驼峰形式         m.className
  • m[“属性名”] ：加引号，驼峰形式       m.['className']
  • m.getAttribute(“属性名”)  ：加引号，html的形式       m.getAttribute("class")

2.节点属性修改

  • 前两种选取方法时，直接赋值即可
  • m.setAttribute("属性名"，“值”)