使用JavaScript同时使用类和标记重写CSS

使用JavaScript同时使用类和标记重写CSS,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我能够使用JavaScript根据某些标准轻松更改元素的样式或标记: document.getElementsByTagName("mainclass")[0].style.color:#ffffff; 但是,如果样式包含多个类和这样的标记,有没有办法做到这一点 .mainclass .secondaryclass div td { color: #000000; } 以下内容不适用于我,因此我确信有一种完全不同的方法: document.getElementsByTagName(".ma

我能够使用JavaScript根据某些标准轻松更改元素的样式或标记:

document.getElementsByTagName("mainclass")[0].style.color:#ffffff; 
但是,如果样式包含多个类和这样的标记,有没有办法做到这一点

.mainclass .secondaryclass div td {
color: #000000;
}
以下内容不适用于我,因此我确信有一种完全不同的方法:

document.getElementsByTagName(".mainclass .secondaryclass div td")[0].style.color:#ffffff; 

如果更容易的话,另一个选择是找出如何使用JS来填充外部样式表(而不是在头的末尾,只是JS代码所在的位置,CSS应该在那里)

谢谢

不接受CSS选择器语法。您正在查找,但必须遍历返回的列表以分配样式,然后

…这就是为什么每个人都使用jQuery

例如,假设您只想修改第一个匹配的元素:

document.querySelectorAll(".mainclass .secondaryclass div td")[0].style.color = '#ffffff'; 

请注意从
=
的更改,并将颜色值括在引号中。JavaScript与CSS有不同的语法;我建议你花点时间来学习它。

.color:#ffffff
应该是
.color=#ffffff
非常感谢,我想这是我会研究的,因为我不能马上测试它,因为它看起来不能添加到JS代码中:if(/newpage/.test(self.location.href)){.document.queryselectoral(“login_wrapper.login_form_wrapper table td”)[0]。style.color='#ffffff';}