JavaScript でテキスト コンテンツを動的に更新するにはどうすればよいですか?

JavaScript 要素のテキスト操作

Web 開発では、多くの場合、ページに表示されるテキストを動的に更新する必要があります。これは JavaScript を使用して実現できます。

要素テキストの変更

などの特定の要素のテキスト コンテンツを変更するには、次の JavaScript を使用します。コード:

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

このコードは、ID が「myspan」の要素のテキスト コンテンツを次のように変更します。 "newtext".

互換性に関する考慮事項

最新のブラウザは textContent プロパティをサポートしています。ただし、古いブラウザでは認識されない場合があります。このような場合、次の代替手段を使用できます:

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

セキュリティ警告

innerHTML はクロスサイト スクリプティング (XSS) の脆弱性を引き起こす可能性があることに注意することが重要です。新しいテキストがユーザー入力である場合。これは、innerHTML が入力を HTML として解析するためであり、悪意のあるコードが含まれる可能性があります。

したがって、特にユーザー生成コンテンツを扱う場合は、可能な限り innerHTML の代わりに textContent を使用することを強くお勧めします。

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