要获取Node的唯一具有特定类名的直接子节点,可以使用以下方法:
querySelector
方法来选择具有特定类名的直接子节点。该方法接受一个CSS选择器作为参数,并返回与该选择器匹配的第一个元素。const node = document.querySelector('.parent-class > .specific-class');
上述代码中,.parent-class
是父节点的类名,.specific-class
是要查找的特定类名。
querySelectorAll
方法。该方法返回一个NodeList对象,其中包含与选择器匹配的所有元素。const nodes = document.querySelectorAll('.parent-class > .specific-class');
querySelector
和querySelectorAll
方法。首先使用querySelector
方法获取第一个匹配的元素,然后使用classList
属性来检查该元素是否具有特定类名。如果不具有特定类名,则使用querySelectorAll
方法获取所有匹配的元素,并从中选择第一个具有特定类名的元素。let node = document.querySelector('.parent-class > .specific-class');
if (!node.classList.contains('specific-class')) {
const nodes = document.querySelectorAll('.parent-class > .specific-class');
if (nodes.length > 0) {
node = nodes[0];
}
}
以上是获取Node的唯一具有特定类名的直接子节点的方法。根据具体的需求,可以选择使用querySelector
或querySelectorAll
方法,并结合使用classList
属性来判断元素是否具有特定类名。
领取专属 10元无门槛券
手把手带您无忧上云