如何將一個類分配給Javascript中的跨度？

我有以下HTML：如何將一個類分配給Javascript中的跨度？

<span class="edit" contenteditable="true">Some text goes here</span>

這個跨度是可編輯的，所以我可以把它寫在browser.Now我的問題是，當我按當光標這個跨度內回車鍵，類這個跨度應該從編輯更改爲添加。因爲這兩個類都有一些CSS。我知道它可以通過使用addClass.toggleClass等在jQuery中完成。但我需要這樣做在純JavaScript中，因爲我在TinyMCE編輯器中使用它。

那麼，誰能幫助我如何在JavaScript中完成？

來源

2013-09-29 user2826169

你有多個'edit'領域？一些答案假定你不會：/我會說*他們所有人*都是錯誤的，因爲他們促進了緊密耦合。 –

將一些id添加到標記中，然後您可以修改該DOM對象的className字段。

document.getElementById("mySpan").className = "add";

和HTML

<span id="mySpan" class="edit" contenteditable="true">Some text goes here</span>

來源

2013-09-29 18:05:51 tskuzzy

感謝它現在對我有用。我希望我所問的問題不是一個愚蠢的問題。謝謝你的幫助。 – user2826169

document.querySelector('span.edit').className = "add"

是這樣做的另一種方式。

來源

2013-09-29 18:07:25

簡單：

HTML：

<span id="myspan" class="edit" contenteditable="true" onkeypress="changeClass(event)">Some text goes here</span>

JS：

function changeClass(event){ 
if (e.keyCode == 13) { 
document.getElementById("myspan").className="add" 
} 
}

來源

2013-09-29 18:10:23

如何將一個類分配給Javascript中的跨度？

回答

相關問題