JavaScript-使用对象搜索元素

假设我有一个ul，类名为“images”，包含各种li对象。我有一个JS变量使用

var list = document.GetElementsByClassName("images")[0]; //single 'images' exist in document

如何搜索var list指向的列表中的所有li元素？在互联网上搜索得到了这个结果-

var list = document.getElementsByClassName("images")[0];
var list = *!*element.*/!*getElementsByTagName("li"); // getting syntax error at this line

没有jQuery有没有办法做到这一点？

使用 访问DOM节点时，可以使用现在非常常见的querySelectorAll

假设html结构为：

<ul class="images">
  <li>Bob Thorton</li>
  <li>Joe Biden</li>
  <li>Tom <strong>Yorke</strong></li>
</ul>

请注意，querySelectorAll返回一个类似于数组的数组。在上面的示例中，我们将列表视为一个数组，只获取第一个DOM元素的红色

演示 这里有一个。

列表。getElementsByTagName'li'应该可以正常工作。

// Query for the item
var items = document.querySelectorAll('.images li strong');

// Do what you need to do
// Note that items is an array so we access the first result [0]
items[0].style.color = '#f00';