获取元素

  1. element.getElementById() // id属性的值
  2. element.getElementsByTagName() // "标签的名字"
  3. element.getElementsByName() // "name属性的值"
  4. element.getElementsByClassName() // 类样式的名字
  5. element.querySelector() // 选择器的名字
  6. element.querySelectorAll() // 选择器的名字


属性操作

  1. getAttribute("自定义属性的名字"); // 获取自定义属性的值
  2. setAttribute("属性名字","值"); // 设置自定义属性的值
  3. removeAttribute("属性的名字"); // 移除自定义属性

增删改查

创建新节点

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

添加、移除、替换、插入

  1. appendChild() // 添加
  2. removeChild() // 删除
  3. replaceChild() // 替换
  4. insertBefore() //在已有的子节点前插入一个新的子节点