11 DOM基础

1.css   标签

js       元素

dom    节点,元素节点，属性节点，文本节点

 

2.dom浏览器支持率

ie      10%

chrome   60%

FF       99%

 

3.提取元素子节点

用.childNodes提取的子节点一般在高版本下浏览器是三种类型子节点：元素节点，属性节点，文本节点，

在低版本下浏览器提取的是元素节点，

可以用.nodeType配合来提取相应的节点，当结果为1是元素节点，2为属性节点，3为文本节点

 

4.当只想提取子节点的元素节点时用.children更方便

 

5.提取元素父节点parentNode(li的父节点为ul)

 

6.offsetParent获取元素用来定位的父级

 

7.兼容问题可以用if语句解决

获取元素的首子节点:低版本用firstChild，高版本用firstElementChild

获取元素的末子节点:低版本用lastChild，高版本用lastElementChild

获取元素下个兄弟节点:低版本用nextSibling，高版本用nextElementSibling

获取元素上个兄弟节点:低版本用previousSibling，高版本用previousElementSibling

 

8.提取元素属性节点值.getAttribute(属性)

设置元素属性节点值setAttribute(属性，属性值)

删除元素属性节点removeAttribute(属性)