如何获取无id属性且含特定class的div元素的innerHTML？

没问题，我来帮你解决这个需求——要获取带特定class（比如car）但没有id属性的div元素，然后逐个输出它们的innerHTML，其实有两种常用的方法，我给你详细讲讲：

方法一：先获取所有目标class元素，再筛选无id的 #

这种方法适合先拿到所有带car类的元素，再手动过滤掉有id属性的：

// 1. 获取所有带car类的元素（返回HTMLCollection）
const allCarElements = document.getElementsByClassName('car');
// 2. 转成数组，方便使用filter和forEach方法
const carElementsWithoutId = Array.from(allCarElements).filter(element => {
  // 筛选条件：元素没有id属性，或者id为空字符串
  return !element.id;
});
// 3. 遍历每个符合条件的元素，输出innerHTML
carElementsWithoutId.forEach(element => {
  console.log(element.innerHTML);
});

说明： #

• document.getElementsByClassName('car')会返回页面上所有带有car类的元素，但它是HTMLCollection（动态集合），所以需要用Array.from()转成普通数组才能使用filter方法。
• filter(element => !element.id)会保留那些id属性不存在，或者id值为空字符串的元素。

方法二：用CSS选择器直接定位目标元素（更简洁） #

可以利用querySelectorAll结合CSS伪类选择器，一步到位拿到符合条件的元素：

// 直接选择div标签中带car类且没有id属性的元素
const carElementsWithoutId = document.querySelectorAll('div.car:not([id])');
// 遍历输出每个元素的innerHTML
carElementsWithoutId.forEach(element => {
  console.log(element.innerHTML);
});

说明： #

• 选择器div.car:not([id])的含义：
  • div：只筛选div标签
  • .car：必须带有car类
  • :not([id])：排除掉带有id属性的元素（不管id值是什么）
• querySelectorAll返回的是NodeList，大部分现代浏览器支持直接调用forEach方法，如果要兼容旧浏览器，可以用Array.from(carElementsWithoutId).forEach(...)转成数组再遍历。

如果你的页面中只有div标签使用car类，也可以简化选择器为.car:not([id])，不用加div前缀。

内容的提问来源于stack exchange，提问作者darkchampionz