DOM选择器

·  阅读 54
含义代码
选择class为box的元素document.getElementsByClassName("box")[0];
子选择器 选择所有的子元素children var aChild = box.children;
父选择器 选择一个父元素oparent var oparent = box.parentNode;
选择第一个子元素firstElementChild box.firstElementChild;
选择最后一个子元素 lastElementChildbox.lastElementChild
选择上一个兄弟元素 previousElementSiblingbox.previousElementSibling
选择下一个兄弟元素 nextElementSiblingbox.nextElementSibling
选择所有的子节点box.childNodes
选择最后一个子节点节点box.lastChild
选择第一个子节点box.firstChild
选择上一个兄弟节点box.previousElementSibling
选择下一个兄弟节点box.nextSibling
获取id来获取标签document.getElementById("id")
通过标签类型来获取节点document.getElementsByTagName("li" )
类名获取DOMdocument.getElementByClassName("wai")
匹配的选择器(返回被选中的第一个元素)querySelectorAll("#demo")
匹配的选择器(返回被选中的全部元素)document.querySelector("#demo")
分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改