| 含义 | 代码 |
|---|---|
| 选择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选择器
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
