Javascript getElementsByTag 名称

Question

我正在尝试使用 getElementsByTagName("a") 方法获取特定标签下的所有元素。

但是，我不想要每个 anchor 标记。我该如何缩小范围，以便只选择“someListClass”名称的 ul 标签下的所有 anchor 标签？

<ul class="someListClass"> <li><a href... /></li>... </ul>

我知道在 jQuery 中你可以用 $(".someListClass a") 来选择。

如果不使用 jQuery，我该怎么做？

Answer 1

给你的ul一个id然后使用

<ul id="ulid" class="someListClass"> <li><a href... /></li>... </ul>

document.getElementById ( "ulid" ).getElementsByTagName ( "a" );

element.getElementsByTagName

elements = element.getElementsByTagName(tagName); 

elements is a live NodeList of found elements in the order they appear in the subtree.

element is the element from where the search should start. Note that only the descendants of this element are included in the search, but not the element itself.

tagName is the qualified name to look for. The special string "*" represents all elements. For compatibility with XHTML, lower-case should be used.