JavaScript を使用して Div コンテンツを動的に変更するにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript を使用して Div コンテンツを動的に変更するにはどうすればよいですか?

Patricia Arquette

リリース： 2024-10-31 09:08:30

オリジナル

353 人が閲覧しました

How to Dynamically Change Div Content Using JavaScript?

JavaScript を使用した Div コンテンツの動的変更

JavaScript を使用した div 要素のコンテンツの変更は、直感的なアプローチで実現できます。次の HTML コードスニペットは例として機能します。

<code class="html"><html>
  <head>
    <script>
      function changeDivContent() { /* ... */ }
    </script>
  </head>
  <body>
    <input type="radio" name="radiobutton" value="A" onClick="changeDivContent()">
    <input type="radio" name="radiobutton" value="B" onClick="changeDivContent()">
    <div id="content"></div>
  </body>
</html></code>

ログイン後にコピー

この例では、値が「A」または「A」のラジオボタンのユーザーの選択に基づいて、div#content の内部 HTML コンテンツを変更することが目的です。「B」ただし、div 要素には、このアクションを容易にするための JavaScript 属性「value」がありません。

これに対処するために、JavaScript は HTML 要素の innerHTML プロパティを利用する簡単な解決策を提供します。 changeDivContent() 関数内に次のコードを実装すると、div#content の内容を任意の値に動的に設定できます。これにより、JavaScript コード内のユーザー入力またはその他の動的条件に基づいて div 要素のコンテンツをシームレスに更新できます。

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