我正在尝试从列表中获取所有 anchor 标记并通过遍历 DOM 将其放入数组中, 我已经能够将列表项及其 .innerHTML 放入数组中,但更进一步, 获取每个 LI 的 anchor 标记不起作用。我已经评论了哪些行不起作用
<ul id="menu-list">
<li><a href="#">List Item 1</a></li>
<li><a href="#">List Item 2</a></li>
<li><a href="#">List Item 3</a></li>
<li><a href="#">List Item 4</a></li>
</ul>
<script type="text/javascript">
var list = document.getElementById('menu-list');
var listItems = list.getElementsByTagName('li'); //works
var listItemAnchors = listItems.firstChild //not working OR....
var listItemAnchors = listItems.childNode[0] //not working
var menuListItems = [];
for (i = 0; i < listItemAnchors.length; i++) {
var arrValue = listItemsAnchors[i]
menuListItems.push(arrValue);
alert('item added');
}
</script>
最佳答案
为什么不继续使用 getElementsByTagName
:
var listItemAnchors = list.getElementsByTagName('a');
关于javascript - 遍历DOM,将一个带有ID的<ul>的所有 anchor 标签放入一个数组中,,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18034073/