JavaScript:如何使用 getElementsByTagName 获取 img 和 div 元素

Question

我有一个树结构如下:

<ul id="theul275">
  <li>
    <div id="red"></div>
    <img id="green" />
    <script></script>
    <div id="blue"></div>
  </li>
</ul>

我的页面上有多个 UL 喜欢这个，每个都有不同的 ID。我通过这样做获得每个 UL:

var child = document.getElementById('theul' + id).getElementsByTagName('*');

问题是，我只想获取每个 ul 的子项，这些子项要么是 div，要么是 img。有没有办法通过多个标签名获取元素？

非常感谢任何帮助，因为我是 JavaScript 的新手!谢谢!

Answer 1

根据您可能支持的浏览器，您可以使用 CSS 选择器界面。

document.getElementById('theul275').querySelectorAll('div, img');

或者使用图书馆。那里有很多选择。我熟悉两个，

MooTools

$('theul275').getElements('div, img');

jQuery

$('#theul275').find('div, img');

或获取对 li 的引用节点，并循环遍历每个节点并检查节点名称是否为DIV或 IMG .