DOM的基本操作

Posted 2020-11-22 zhuzhu520

1. 查
   1. 查看元素节点
      1. document代表整个文档
      2. document.getElementById()元素id      在IE8以下的浏览器，不区分id大小写，而且也返回匹配name属性的元素
      3. .getElementsByTagName（） //标签名
      4. .getElementsByName（）   //需注意，只有部分标签name可生效（表单，表单元素，img，iframe）
      5. .getElementsByClassName（） //类名    -->ie8和ie8以下的ie版本中没有，可以多个class一起
      6. .querySelector()  //css选择器   在ie7和ie7以下的版本中没有
      7. .querySelectorAll()    //css选择器   在ie7和ie7以下的版本中没有
   2. 遍历节点树
      1. parentNode-->父节点（最顶端的parentNode为#document）
      2. childNodes-->子节点们
      3. firstChild-->第一个子节点
      4. lastChild-->最后一个子节点
      5. nextSiling-->后一个兄弟节点
      6. previousSiling-->前一个兄弟节点
   3. 基于元素节点树的遍历
      1. parentElement-->返回当前元素的父元素节点（IE不兼容）
      2. children-->只返回当前元素的元素子节点