Javascript getElementsByTagName

Question

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

但是，我不想要每一个锚标签。如何缩小范围，使我只选择"someListClass“名称的ul标签下的所有锚标记？

<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 是已发现元素的活动NodeList，按它们在子树中出现的顺序排列。 元素是搜索应该从哪里开始的元素。请注意，搜索中只包含此元素的后代，而不包括元素本身。 tagName是要查找的限定名。特殊字符串"*“表示所有元素。为了与XHTML兼容，应该使用小写.

Answer 2

您可以使用

element.getElementsByTagName(tagName) 

其中元素是UL项..。因此，抓取UL项目，然后搜索它。类似于：

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

var theList = document.getElementById('myList');
var listItems = theList.getElementsByTagName('li');

Answer 3

你想要getElementsByClassName http://www.quirksmode.org/blog/archives/2008/05/getelementsbycl.html

  links = document.getElementsByClassName("someListClass")[0].getElementsByTagName("a")