DOM

67 阅读1分钟

节点:文档节点,元素节点,属性节点,文本节点

获取元素节点

getElementById() 通过id属性获取一个元素节点对象

getElementsByTagName() 通过标签名获取一组元素节点对象

getElementsByName() 通过name属性获取一组元素节点对象

获取元素子节点 通过具体的元素节点去调用getElementsByTagName()

①childNodes 表示当前节点的所有子节点(包含空格文档)

②firstChild 表示当前节点的第一个子节点(包含空格文档)

image.png

③lastChild 表示当前节点的最后一个子节点(包含空格文档)

④parentNode 表示当前节点的父节点

image.png

⑤previousSibling 表示当前节点的前一个兄弟节点

image.png

⑥nextSibling 表示当前节点的后一个兄弟节点

image.png

dom查询

①getElementsByClassName 更具元素的class属性值查询一组元素节点对象

②querySelector 可以根据一个css选择器来查询一个元素节点对象

image.png ③querySelectorAll和queryselector用法类似,不同的是它会将符合条件的元素封装到一个数组中返回。 即使只有一个元素,也会返回数组。