Javascript 如何在不影响其他类的情况下更改类

Javascript 如何在不影响其他类的情况下更改类,javascript,Javascript,我想知道我是否能够编辑这个类 <span class="chat-title"> first title (I want to change) </span> 只需使用:not伪选择器即可过滤出该ID。另外,在引用CSS类时,您忘记了一个(CSS类以开头,ID以开头),以下是您应该使用的方法: document.querySelector(".chat-title:not(#chat-subrooms-toggle)").innerHTML = "title c

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

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

只需使用
:not
伪选择器即可过滤出该ID。另外,在引用CSS类时,您忘记了一个
(CSS类以
开头,ID以
开头),以下是您应该使用的方法:

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

下面是一个例子,让您看看哪些是有效的,您可以向第一个div添加另一个类

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

goodluck

这似乎对标题没有任何影响(它不会更改文本)对我来说很有效,请参阅提供的JSFIDLE(我已更新)。注意
querySelector
在所有浏览器中的工作方式都不一样,您可能想看看其他方法来实现这一点。我尝试了jquery方法,但它似乎再次不起作用。。。将
document.getElementByClassName(“聊天标题:not(#聊天子程序切换)”).innerHTML=“标题更改”工作?等等,我刚注意到上课前没有课时。是吗?你原来的问题也有这个问题。jQuery中的任何更新都应该是
$('.chat title:not(#chat subroms toggle').html('title change');
$('.chat title')。not('#chat subroms toggle').html('title change');
document.querySelector(".chat-title:not(#chat-subrooms-toggle)").innerHTML = "title change";
<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>
document.querySelector("to-change").innerHTML = "title change";