如何在Javascript中为一个范围分配一个类？

Question

我有以下HTML：

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

这个范围是可编辑的，所以我可以在浏览器中写入。现在我的问题是，当我在光标位于此范围内时按下回车键时，此范围的类应该从编辑更改为添加。因为这两个类都有一些css。我知道它可以通过使用addClass.toggleClass等在jquery中完成。但我需要在纯javascript中完成，因为我在TinyMCE编辑器中使用它。

那么有人可以帮助我在javascript中完成它吗？

Answer 1

为标记添加一些ID，然后您可以修改该DOM对象的className字段。

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

和HTML

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

Answer 2

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

是另一种方式。

Answer 3

简单地：

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