js中判断节点是否存在的几种方法介绍
在JavaScript中,您可以使用以下方法来判断一个节点是否存在:
1.getElementById(): 此方法返回对拥有指定 ID 的第一个对象的引用。如果不到这样的对象,则返回 nodeselectornull。
let node = document.getElementById("myId"); javascript
if (node) {
console.log("节点存在");
} else {
console.log("节点不存在");
}
2.getElementsByClassName(): 此方法返回一个类数组的对象,包含所有带有指定类名的元素。如果没有到匹配的元素,则返回空数组。
let nodes = document.getElementsByClassName("myClass"); javascript
if (nodes.length > 0) {
console.log("节点存在");
} else {
console.log("节点不存在");
}
3.getElementsByTagName(): 此方法返回一个类数组的对象,包含所有带有指定标签名的元素。如果没有到匹配的元素,则返回空数组。
let nodes = document.getElementsByTagName("myTag"); javascript
if (nodes.length > 0) {
console.log("节点存在");
} else {
console.log("节点不存在");
}
4.querySelector(): 此方法返回文档中匹配指定CSS选择器的第一个元素。如果没有到匹配的元素,则返回 null。
let node = document.querySelector(".myClass"); javascript
if (node) {
console.log("节点存在");
} else {
console.log("节点不存在");
}
5.querySelectorAll(): 此方法返回文档中匹配指定CSS选择器的所有元素的NodeList对象。如果没有到匹配的元素,则返回空列表。
let nodes = document.querySelectorAll(".myClass"); javascript
if (nodes.length > 0) {
console.log("节点存在");
} else {
console.log("节点不存在");
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论