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 回答