1. ホーム
  2. javascript

[解決済み] JavaScriptを使ってspan要素のテキストを変更するにはどうすればよいですか?

2022-03-22 10:12:06

質問

もし スパン と言ってください。

<span id="myspan"> hereismytext </span>

JavaScriptを使って、"hereismytext" を "newtext" に変更するにはどうしたらよいですか?

どのように解決するのですか?

モダンブラウザの場合、以下を使用します。

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

古いブラウザでは textContent を使用することは推奨されません。 innerHTML 新しいテキストがユーザー入力である場合、XSS脆弱性が発生するからです(より詳細な議論については、以下の他の回答を参照してください)。

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