如何更改類，而不會影響其他類

<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";

只要使用:not僞選擇器來fi把這個ID放出來。另外，你引用的CSS類（CSS類開始.和ID與#開始）時，忘了.這裏是應爲你工作：

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

而且這裏有一個jsfiddle你看哪個工作

2014-02-09 15:44:04 casraf

這似乎並沒有對任何所有權的影響（它不會更改文字） – user3289948

適用於我，請參閱提供的jsfiddle（我已更新）。請注意，'querySelector'在所有瀏覽器中的工作方式都不一樣，您可能想要以其他方式來完成此操作。 – casraf

我試過jQuery的方法，但它似乎並沒有工作...會'document.getElementByClassName（「聊天標題：不（＃聊天-ubrooms-toggle）」）。innerHTML =「標題更改」;'工作？ – user3289948

你可以添加另一個類到第一個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";

古德勒克

2014-02-09 15:46:01 ImadOS

回答