节点:文档节点,元素节点,属性节点,文本节点
获取元素节点
getElementById() 通过id属性获取一个元素节点对象
getElementsByTagName() 通过标签名获取一组元素节点对象
getElementsByName() 通过name属性获取一组元素节点对象
获取元素子节点 通过具体的元素节点去调用getElementsByTagName()
①childNodes 表示当前节点的所有子节点(包含空格文档)
②firstChild 表示当前节点的第一个子节点(包含空格文档)
③lastChild 表示当前节点的最后一个子节点(包含空格文档)
④parentNode 表示当前节点的父节点
⑤previousSibling 表示当前节点的前一个兄弟节点
⑥nextSibling 表示当前节点的后一个兄弟节点
dom查询
①getElementsByClassName 更具元素的class属性值查询一组元素节点对象
②querySelector 可以根据一个css选择器来查询一个元素节点对象
③querySelectorAll和queryselector用法类似,不同的是它会将符合条件的元素封装到一个数组中返回。 即使只有一个元素,也会返回数组。