js获取某一类名的ul中li的个数

可以使用 `document.querySelectorAll()` 方法来获取某一类名的元素列表，然后遍历该列表中的每一个元素，使用 `querySelectorAll()` 方法来获取该元素内指定选择器的元素列表，例如 `li` 元素列表，并且获取其 `length` 属性来获取该元素内 `li` 元素的数量。示例如下：

// 获取类名为 "my-list" 的 <ul> 元素列表
var ulList = document.querySelectorAll('.my-list');

// 遍历 <ul> 元素列表
ulList.forEach(function(ul) {
  // 获取 <ul> 元素内的 <li> 元素列表
  var liList = ul.querySelectorAll('li');
  // 输出 <li> 元素的数量
  console.log('该 <ul> 元素内有 ' + liList.length + ' 个 <li> 元素。');
});

这样就可以获取某一类名的 `ul` 中 `li` 的个数了。需要注意的是，`querySelectorAll()` 方法返回的是一个类数组对象，需要使用 `forEach()` 方法或者 `for` 循环来遍历其中的每一个元素。

相关问题

获取ul中含有某一个属性的li

你可以使用JavaScript中的querySelectorAll方法来获取ul中含有某一个属性的li。具体代码如下：

const ul = document.querySelector('ul'); // 获取ul元素
const lis = ul.querySelectorAll('li[data-attribute]'); // 获取所有含有data-attribute属性的li元素

其中，`data-attribute`表示你要查找的属性名。你可以将其替换成你实际要查找的属性名。

js遍历ul的class名字为a的li

可以使用以下代码来遍历 ul 中 class 名为 a 的 li 元素：

const ul = document.querySelector('ul'); // 获取 ul 元素
const lis = ul.querySelectorAll('li.a'); // 获取 class 名为 a 的 li 元素
lis.forEach((li) => {
  // 遍历 li 元素
  // 在这里编写对 li 元素的操作
});

其中，querySelectorAll() 方法可以获取所有指定选择器的元素，querySelector() 方法可以获取第一个指定选择器的元素。在这里，我们首先获取 ul 元素，然后使用 querySelectorAll() 方法获取 class 名为 a 的 li 元素，最后使用 forEach() 方法遍历 li 元素并进行操作。