在<div><ul>中查找特定的<li>

<div id="myDiv">
  <ul>
    <li id="item1">Item 1</li>
    <li class="item" data-id="2">Item 2</li>
    <li class="item" data-id="3">Item 3</li>
  </ul>
</div>

let item = document.getElementById('item1');
console.log(item); // 输出: <li id="item1">Item 1</li>

let items = document.getElementsByClassName('item');
for(let i = 0; i < items.length; i++) {
  console.log(items[i]); // 输出每个class为item的<li>元素
}

let listItems = document.getElementsByTagName('li');
for(let i = 0; i < listItems.length; i++) {
  console.log(listItems[i]); // 输出所有的<li>元素
}

let firstItem = document.querySelector('#myDiv ul li');
console.log(firstItem); // 输出: <li id="item1">Item 1</li>

let allItems = document.querySelectorAll('#myDiv ul li');
allItems.forEach(item => {
  console.log(item); // 输出每个<li>元素
});