JS -- DOM操作

DOM元素的查找

1. 通过ID属性查找元素: document.getElementById("");
2. 通过class类名查找元素:document.getElementByClassName("");
3. 通过标签名称查找元素:document.getElementByTagName("");
4. 通过选择器直接查找DOM对象:document.querySelector("");

document.querySelector("")只返回一个DOM对象;
如果想获取多个具有相同选择器条件的DOM对象,可以使用:
document.querySelectorAll(); 返回一个伪数组;

DOM的节点分类

1.childNodes:该属性返回一个DOM对象的所有节点,其中,换行"\n"和空格也属于文本节点.
2. chilidren: 该属性只返回一个DOM对象内部的元素节点,其他节点不返回.
3. 查找某一个DOM对象的兄弟节点,父节点,子节点;

上一个: previous:下一个 :next
previousElementSibling: 找到DOM 对象的上一个兄弟元素;
nextElementSibling: 找到DOM 对象的下一个兄弟元素;

4. parentElement:本属性返回一个DOM对象的父元素;

或者parentNodes;