ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript は HTML 要素のテキスト コンテンツをどのように変更できますか?

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

DDD
リリース: 2024-12-16 02:39:13
オリジナル
270 人が閲覧しました

How Can JavaScript Change the Text Content of an HTML Element?

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

質問:

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

<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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート