js获取ul中的li的数量

// 获取ul元素
const ul = document.querySelector('ul');

// 获取ul中所有的li元素
const liElements = ul.querySelectorAll('li');

// 获取li元素的数量
const liCount = liElements.length;

console.log(liCount); // 输出li的数量

// 获取ul元素
const ul = document.querySelector('ul');

// 获取ul中所有的li子元素
const liElements = ul.children;

// 获取li元素的数量
const liCount = liElements.length;

console.log(liCount); // 输出li的数量

// 获取ul元素
const ul = document.querySelector('ul');

// 获取ul中所有的li元素
const liElements = ul.getElementsByTagName('li');

// 获取li元素的数量
const liCount = liElements.length;

console.log(liCount); // 输出li的数量

// 获取ul元素
const ul = document.querySelector('ul');

// 获取ul中所有的li元素并转换为数组
const liElements = Array.from(ul.getElementsByTagName('li'));

// 获取li元素的数量
const liCount = liElements.length;

console.log(liCount); // 输出li的数量

// 假设我们要获取id为'myList'的ul中的li数量
const ul = document.getElementById('myList');
const liCount = ul.querySelectorAll('li').length;
console.log(liCount);

const uls = document.querySelectorAll('ul');
uls.forEach(ul => {
    const count = ul.querySelectorAll('li').length;
    console.log(`UL元素中的LI数量: ${count}`);
});