| 含义 | 代码 |
|---|---|
| 选择class为box的元素 | document.getElementsByClassName("box")[0]; |
| 子选择器 选择所有的子元素 | children var aChild = box.children; |
| 父选择器 选择一个父元素 | oparent var oparent = box.parentNode; |
| 选择第一个子元素 | firstElementChild box.firstElementChild; |
| 选择最后一个子元素 lastElementChild | box.lastElementChild |
| 选择上一个兄弟元素 previousElementSibling | box.previousElementSibling |
| 选择下一个兄弟元素 nextElementSibling | box.nextElementSibling |
| 选择所有的子节点 | box.childNodes |
| 选择最后一个子节点节点 | box.lastChild |
| 选择第一个子节点 | box.firstChild |
| 选择上一个兄弟节点 | box.previousElementSibling |
| 选择下一个兄弟节点 | box.nextSibling |
| 获取id来获取标签 | document.getElementById("id") |
| 通过标签类型来获取节点 | document.getElementsByTagName("li" ) |
| 类名获取DOM | document.getElementByClassName("wai") |
| 匹配的选择器（返回被选中的第一个元素） | querySelectorAll("#demo") |
| 匹配的选择器（返回被选中的全部元素） | document.querySelector("#demo") |
DOM选择器
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
