js中查节点的方法
在JavaScript中,我们可以使用多种方法来查和操作节点。以下是一些常用的方法和技巧:
1. ElementById(id):使用元素的id属性来查节点。返回到的元素节点的引用。例如:ElementById("myElement")。
2. ElementsByClassName(className):使用类名来查节点。返回到的所有元素节点的引用数组。例如:ElementsByClassName("myClass")。
nodeselector4. Document.querySelector(selector):使用CSS选择器来查节点。返回到的第一个匹配的元素节点的引用。例如:document.querySelector("#myElement")。
5. Document.querySelectorAll(selector):使用CSS选择器来查节点。返回到的所有匹配的元素节点的引用数组。例如:document.querySelectorAll(".myClass")。
6. Node.childNodes:节点的childNodes属性返回一个包含所有子节点的NodeList对象。例如:node.childNodes。
7. Node.firstChild:节点的firstChild属性返回其第一个子节点,如果没有子节点则返回null。例如:node.firstChild。
8. Node.lastChild:节点的lastChild属性返回其最后一个子节点,如果没有子节点则返回null。例如:node.lastChild。
9. Node.parentNode:节点的parentNode属性返回其父节点,如果没有父节点则返回null。例如:node.parentNode。
10. Sibling:节点的nextSibling属性返回其下一个兄弟节点,如果没有下一个兄弟节点则返回null。例如:Sibling。
11. Node.previousSibling:节点的previousSibling属性返回其上一个兄弟节点,如果没有上一个兄弟节点则返回null。例如:node.previousSibling。
12. Attribute(attributeName):元素节点的getAttribute方法返回指定属性名的属性值。例如:Attribute("id")。
13. Element.setAttribute(attributeName, attributeValue):元素节点的setAttribute方法用于设置指定属性名的属性值。例如:element.setAttribute("class", "myClass")。
14. ElementsByClassName(className):元素节点的getElementsByClassName方法返回包含指定类名的所有子元素节点的引用数组。例如:ElementsByClassName("myClass")。
16. Element.querySelector(selector):元素节点的querySelector方法使用CSS选择器来查子节点,返回到的第一个匹配的元素节点的引用。例如:element.querySelector("#myElement")。
17. Element.querySelectorAll(selector):元素节点的querySelectorAll方法使用CSS选择器来查子节点,返回到的所有匹配的元素节点的引用数组。例如:element.querySelectorAll(".myClass")。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。