DOM常见相关API清单(不做详细介绍,仅做列举,便于记忆)

243 阅读1分钟

获取节点相关(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. 元素节点 1 2.属性节点 2
  2. 文本节点 3
  3. 注释节点 8
  4. document 9
  5. DocumentFragment 11

节点属性相关方法

.attributes/getAttributeNode()

.hasChildNodes()

在HTMLDocument中的两个属性

.body/head

还有就是documentElement获取整个HTML文档元素