JavaScript は HTML 要素のテキスト コンテンツをどのように変更できますか?

JavaScript で要素のテキストを変更する方法

質問:

次のようなspan要素を考えてみましょう。 ID "myspan":

<span></span>

JavaScript を使用して "hereismytext" を "newtext" に置き換えるにはどうすればよいですか?

答え:

現代向けブラウザ:

document.getElementById("myspan").textContent = "newtext";

古いブラウザの場合 (注意):

古いブラウザは textContent をサポートしていない可能性がありますが、次の理由により innerHTML の使用を避けることが重要です。新しいテキストがユーザー入力からのものである場合、XSS 脆弱性が導入される可能性があります。

//POSSIBLY INSECURE IF NEWTEXT BECOMES A VARIABLE!!
document.getElementById("myspan").innerHTML = "newtext";

以上がJavaScript は HTML 要素のテキスト コンテンツをどのように変更できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。