Question

我有这段代码：

<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对象的所有节点＆＃34; el＆＃34;元素：

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

该元素是＆＃34;容器＆＃34;的标记。类。现在，该对象包含所有节点，包括H4。如何删除h4并仅将其应用于＆＃34; a＆＃34;仅元素。我想我应该找到另一种只获得＆＃34; a＆＃34;只是元素而不是循环转换它，因为我注意到在这个对象中还有其他信息，如nextElementSibling，nextSibling，previousElementSibling等，所以它们都已连接。

Answer 1

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

在你的情况下，它将是：

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

示例：http://jsfiddle.net/d3fs7g05/1/

仅获取锚（a）类型的子节点

1 个答案: