如何更改类而不影响另一个类

Question

我想知道我是否能够编辑这个课程

<span class="chat-title">
    first title (I want to change)
</span>

不影响这个

<span id="chat-subrooms-toggle" class="chat-title">
    Chat (I don't want to change) 
</span>

我想使用这种方法，因为它适用于代码

document.querySelector("chat-title").innerHTML = "title change";

Answer 1

只需使用:not伪选择器来过滤该ID。另外，在引用CSS类时（CSS类以.开头且ID以.开头），您忘记了#这里应该适合您：

document.querySelector(".chat-title:not(#chat-subrooms-toggle)").innerHTML = "title change";

这里有一个jsfiddle供您查看哪些有效

Answer 2

你可以在第一个div中添加另一个类。

<span class="chat-title to-change">
    first title (i want to change)
</span>

并保持原样：

<span id="chat-subrooms-toggle" class="chat-title">
    Chat (i don't want to change) 
</span>

这里是js代码：

document.querySelector("to-change").innerHTML = "title change";

古德勒克