javascript - 如何在 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>