javascript - クラスをJavascriptのスパンに割り当てる方法は?

Question

私は次のHTMLを持っています:

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

このスパンは編集可能であるため、ブラウザで書き込むことができます。私の質問は、カーソルがこのスパン内にあるときにエンターキーを押すと、このスパンのクラスを編集から追加に変更する必要があるということです。これらの両方のクラスの css。addClass.toggleClass などを使用してjqueryで実行できることはわかっていますが、TinyMCEエディターで使用しているため、純粋なjavascriptでこれを実行する必要があります。

では、JavaScriptでどのように行うことができるか、誰か助けてもらえますか?

Answer 1

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

それを行う別の方法です。

Answer 2

単に：

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