使用javascript在li和ul以及div标签内查找锚标签值

Question

我刚开始我的职业生涯。我有一个要求，即在div，ul和li标签内的锚标签内获取值。

<div class="abc">
    <ul><li><a>Test</a></li><li class="selected"><a>Test</a></li><ul>
</div>

我想获取使用javascript选择了类的li标签下的锚标记值。层次结构从div-ul-li

开始

我知道使用document.getElementyId来获取值，但这对我来说似乎很复杂

任何想法对我都非常有用。

Answer 1

如果我理解正确，您需要使用整个层次结构？

在这种情况下，querySelector是您的朋友。查询如下所示：

querySelector('div.abc > ul > li.selected > a')。

详细说明：

• div.abc通过课程abc
获取div
• >是指留给>的元素的子元素，因此我们引用ul这是您div abc
的子节点
• 现在我们希望div的{​​{1}}类是selected的子节点，因此我们再次使用ul
• 最后但并非最不重要的是，我们希望访问>内的a标记。我们再次使用div selected
来做到这一点

＆＃13;

＆＃13;

>

＆＃13;

var text = document.querySelector('div.abc > ul > li.selected > a').textContent;

console.log(text);

＆＃13;

＆＃13;

＆＃13;