获取节点相关(18个)
document.getElementById('box') //在IE8及以下是不分大小写的,而且name值也能匹配上
document.getElementsByClassName('') //IE8及以下是用不了的
document.getElementsByTagName() 都兼容
document.getElementsByName() 用的非常少
getElementById只有document有。因为只有Document.prototype上有getElementById这个方法
document.querySelector/document.querySelectorAll(这两个性能不好,获取的结果不会实时变化)
element.parentNode/element.childNodes/element.parentElement/element.children
element.firstChild/element.lastChild/element.firstElementChild/element.lastElementChild element.nextSibing/element.previousSibing/element.nextElementSibing/element.previousElementSibing
节点属性
element.nodeName(只读属性,属性节点#document/文本节点#text/注释节点#comment)
node.nodeValue(可写),元素节点没有这个属性,属性节点直接输出属性值(例如id="box",获取属性节点之后.nodeValue会输出box)
nodeType(只读属性)
节点代表数字
- 元素节点 1 2.属性节点 2
- 文本节点 3
- 注释节点 8
- document 9
- DocumentFragment 11
节点属性相关方法
.attributes/getAttributeNode()
.hasChildNodes()
在HTMLDocument中的两个属性
.body/head
还有就是documentElement获取整个HTML文档元素