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(属性)

原文地址:https://www.cnblogs.com/luxiaoli/p/8523346.html