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

JavaScriptを使用してdivコンテンツを変更する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-03-31 14:31:4510062ブラウズ

JavaScript を使用して div のコンテンツを変更する方法: まず ID とテキスト コンテンツをタグに追加し、[<script>] を作成します。次に、innerHTML 属性を使用して div 内のテキスト コンテンツを変更します。 ; 最後にブラウザで開きます。 </script>

JavaScriptを使用してdivコンテンツを変更する方法

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

JavaScript を使用して div コンテンツを変更する方法:

1. HTML 開発ツールを開き、新しい HTML ページを作成し、

タグを作成して追加します。タグの ID とテキストの内容。

JavaScriptを使用してdivコンテンツを変更する方法

#2. HTML コードを保存し、ブラウザで開くと、ページに div タグ内のテキスト コンテンツが表示されていることがわかります。

JavaScriptを使用してdivコンテンツを変更する方法

3. HTML コード ページに戻り、HTML ページ上に <script> を作成し、innerHTML 属性を使用して div 内のテキスト コンテンツを変更します。 </script>

JavaScript コード:

document.getElementById("demo").innerHTML = "hello world";

JavaScriptを使用してdivコンテンツを変更する方法

4. HTML コードを保存し、ブラウザで開くと、ブラウザ ページが JavaScript テキストを使用して変更されていることを確認します。 。

JavaScriptを使用してdivコンテンツを変更する方法

関連する無料学習の推奨事項: JavaScript 学習チュートリアル

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

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