ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript が HTML コンテンツを変更する方法

JavaScript が HTML コンテンツを変更する方法

王林
王林オリジナル
2021-10-26 16:05:232765ブラウズ

JavaScript で HTML コンテンツを変更する方法: [document.getElementById(id).innerHTML = new text] など、innerHTML 属性を使用して変更します。

JavaScript が HTML コンテンツを変更する方法

#この記事の動作環境: Windows10 システム、JavaScript 1.8.5&&html 5、Thinkpad t480 コンピューター。

JavaScript で HTML コンテンツを変更する最も簡単な方法は、innerHTML 属性を使用することです。構文を見てみましょう:

document.getElementById(id).innerHTML = new text

たとえば、< のコンテンツを変更したい場合は、 ;p> 要素:

<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "hello kitty!";
</script>
</body>
</html>

説明: 上記の HTML ドキュメントには、id="p1" の e388a4556c0f65e1904146cc1a846bee 要素が含まれています。id="p1" の要素を取得するには、HTML DOM を使用します。JavaScript は、要素 (innerHTML) のコンテンツを「Hello Kitty!」に変換します。

推奨学習:

JavaScript ビデオ チュートリアル

以上がJavaScript が HTML コンテンツを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。