js获取ul下面的li数量

const ul = document.querySelector('ul'); // 获取第一个<ul>元素
const lis = ul.querySelectorAll('li');   // 获取该<ul>下所有的<li>元素
const count = lis.length;               // 获取<li>的数量
console.log(count);

const ul = document.querySelector('ul'); // 获取第一个<ul>元素
const lis = ul.children;                 // 获取该<ul>下所有的<li>元素
const count = lis.length;               // 获取<li>的数量
console.log(count);

const ul = document.querySelector('ul'); // 获取第一个<ul>元素
const lis = ul.getElementsByTagName('li'); // 获取该<ul>下所有的<li>元素
const count = lis.length;               // 获取<li>的数量
console.log(count);

function countLiInUl(ulId) {
  let count = 0;
  const ul = document.getElementById(ulId);
  let li = ul.firstElementChild;
  
  while (li) {
    if (li.tagName === 'LI') {
      count++;
    }
    li = li.nextElementSibling;
  }
  
  return count;
}

const ulId = 'myUl'; // 假设<ul>的id为'myUl'
const count = countLiInUl(ulId);
console.log(count);