节点与元素
DOM 节点和元素的区别
获取元素
- id获取： getElementById
- class获取 ：getElementsByClassName
- tag获取 ：getElementsByTagName
- css选择器来获取： querySeletor
- 获取多个元素： querySeletorAll
- 通过名字 ： getElementByName
元素和节点的各种关系 (node节点 element 元素);
- 子关系
- 子元素 ： children
- 子节点： childNodes
- 第一个子元素 ：firstElementChild
- 第一个子节点： firstChild
- 最后一个子元素： lastElementChild
- 最后一个子节点：lastChild
- 父关系
- parentNode
- parentElementNode
- 兄弟关系
- 上一个子元素 ： previousElementSibling
- 上一个子节点： previouseSibling
- 下一个子元素： nextElementSibling
- 下一个子节点：nextSibling
- 元素的增删改查
- 创建一个元素 createElement("标签名");
- 添加一个父容器里面 父元素.appendChild(子元素)
- 添加到某一个元素之前 父元素.insertBefore("添加的元素","添加到哪个之前");
- 删除元素
- removeChild： 父元素.removeChild("要删除的元素");
- remove(): 要删除的元素.remove();
- 修改
- 替换: 父元素.replaceChild(“替换的新元素”,“替换的旧元素”);
- 获取非行间样式
- Chrome： 样式值 = getComputyStyle("元素","伪类")[‘样式名’]
- IE : currentStyle： 元素.currentStyle.样式名
