无ID时用JavaScript移除div元素style属性的方法

没问题，这种情况咱们有好几种靠谱的方法可以解决，不用ID也能精准定位到这个元素并移除内联样式，我给你详细说说：

因为这个div同时拥有style1和style2两个类，咱们可以用类选择器组合来直接匹配它：

// 选择同时拥有style1和style2类的第一个div元素
const targetDiv = document.querySelector('div.style1.style2');
// 直接移除所有内联样式
targetDiv.removeAttribute('style');

// 如果你只想移除特定的内联样式属性（比如只删width和color），可以这么写：
// targetDiv.style.removeProperty('width');
// targetDiv.style.removeProperty('color');

注意哦：如果页面上有多个符合这个类组合的div，querySelector只会返回第一个匹配的元素；如果要处理全部，改用document.querySelectorAll()然后遍历即可。

这个方法会返回所有同时包含指定类的元素（返回的是HTMLCollection动态集合），咱们可以取第一个元素来操作：

const divs = document.getElementsByClassName('style1 style2');
// 先判断集合里有元素，再操作第一个
if (divs.length > 0) {
  divs[0].removeAttribute('style');
}

如果担心类选择器可能有冲突，也可以遍历页面上所有div，通过检查类列表来定位目标：

const allDivs = document.getElementsByTagName('div');
for (let div of allDivs) {
  // 检查当前div是否同时包含style1和style2类
  if (div.classList.contains('style1') && div.classList.contains('style2')) {
    div.removeAttribute('style');
    // 要是只需要处理第一个匹配的元素，找到后直接break退出循环就行
    break;
  }
}

如果需要处理所有符合条件的div，比如用querySelectorAll的遍历写法：

const targetDivs = document.querySelectorAll('div.style1.style2');
targetDivs.forEach(div => {
  div.removeAttribute('style');
});

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