ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript が HTML コンテンツを変更する方法

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

王林
リリース: 2021-10-26 16:05:23
オリジナル
2860 人が閲覧しました

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" の

要素が含まれています。id="p1" の要素を取得するには、HTML DOM を使用します。JavaScript は、要素 (innerHTML) のコンテンツを「Hello Kitty!」に変換します。

推奨学習:

JavaScript ビデオ チュートリアル

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

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