如何在DOM中查找没有ID或类的HTML标签？

Question

如果我想定位到HTML中的“grape”文本节点，但元素本身没有ID或类名，可以使用document.querySelector配合CSS选择器来实现。对于给定的HTML结构：


    
        apple
        grape

user225312 · Answer

document.evaluate() 方法允许你使用 XPath 表达式来查找元素。在 XPath 中，表达式 //*[.='grape'] 能够查找所有包含文本内容为 'grape' 的元素。

这个语法看起来可能稍显复杂。

document.evaluate('//[*[.="grape"]]', document).iterateNext()

执行上述代码会返回文档中第一个匹配该 XPath 表达式的节点。

Pankaj Parkar · Answer

这段代码可以解决你的问题：

document.querySelectorAll('.fruits ul li')[1].style.color = '#009999';

对应的HTML部分：


    
        apple
        grape

hugeannex · Answer

document.querySelector(".el-menu>li:last-child")

hugeannex · Answer

document.querySelector(".fruits>ul>li:last-child");