2

我有这个代码:

<div class="container">
  <div class="inner-container">
    <h4>Title</h4>
    <a href=""><img src="some_url" /></a>
    <a href=""><img src="some_url" /></a>
  </div>
  <div class="inner-container">
    <h4>Title</h4>
    <a href=""><img src="some_url" /></a>
    <a href=""><img src="some_url" /></a>
  </div>
</div>

在 js 中,我有一个变量,它进入 JS 对象的“el”元素的所有节点:

var thumbElements = el.childNodes;
//display in console
console.log("thumbElements", thumbElements);

该元素是“容器”类的标签。现在,这个对象包含了包括 H4 在内的所有节点。如何删除 h4 并将其仅应用于“a”元素。我想我应该找到另一种只获取“a”元素而不是在循环中转换它的方法,因为我注意到在这个对象中还有其他信息,如 nextElementSibling、nextSibling、previousElementSibling 等,所以它都是连接的.

4

1 回答 1

3

一旦你得到了你的 DOM 元素,我假设它就是“el”,你可以简单地使用 getElementsByTagName() 方法来获取锚点。这将返回与提供的标记名匹配的元素数组。

在您的情况下,它将是:

var anchors = el.getElementsByTagName('a');

一个例子:http: //jsfiddle.net/d3fs7g05/1/

于 2015-03-11T18:45:58.917 回答