javascript - イベント後にタグの値を JavaScript 関数に渡すにはどうすればよいですか?

Question

タグの値を JavaScript 関数に渡すにはどうすればよいですか?

これは機能します：

onclick="submit(this.value)"

しかし、これはうまくいきません：

onclick="submit(document.getElementById("ShortcutID").value)"

Answer 1

同じ種類の引用文字で区切られた属性値に引用文字を含めたい場合は、それらを文字参照で表す必要があります。

onclick="submit(document.getElementById("ShortcutID").value)"

または、別の種類の引用符を使用してください。

onclick="submit(document.getElementById('ShortcutID').value)"

…しかし、組み込みイベント属性の使用を避け、代わりに JavaScript イベント ハンドラーを JavaScript にバインドしてください。邪魔にならない JavaScriptを参照してください

Answer 2

構文エラーがあります。

ShortcutID は、この「ShortcutID」で囲む必要があります

これを変える

onclick="submit(document.getElementById("ShortcutID").value)"

これに

onclick="submit(document.getElementById('ShortcutID').value)"

Answer 3

しかし、これは機能しません: onclick="submit(document.getElementById("ShortcutID").value)"

onclick属性を区切るために二重引用符を使用し、JavaScript 文字列を区切るために二重引用符を使用しているためです。試す：

onclick="submit(document.getElementById('ShortcutID').value)"

これが、JavaScript が文字列の引用に一重引用符と二重引用符の両方を使用できる理由です。

属性のコンテンツは、HTML の他のものと同様に HTML テキストであることを覚えておいてください。

onclick="submit(document.getElementById("ShortcutID").value)"

コンテンツが HTML テキストであるという事実は、重要なことを行う場合に問題になる傾向があります。これが、onclick="code"スタイル イベント処理を使用せず、代わりにコードでイベントをフックする理由の 1 つです。

Answer 4

コードの問題は、二重引用符を 2 つ使用していることです。これを修正するには、onclick="submit(document.getElementById('ShortcutID').value)" を試してください。