☰

JavaScript で div コンテンツを変更するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript html
JavaScript で div コンテンツを変更するにはどうすればいいですか? 質問する

JavaScript を少し使ったシンプルな HTML コードがあります。次のようになります:

<html>

<head>
  <script type="text/javascript">
    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>

「A」または「B」のラジオ ボタンのいずれかを選択して、div のコンテンツ (内部 HTML) を変更できるようにしたいのですが、div#content には JavaScript 属性「value」がないため、どのように実行できるかを尋ねています。

ベストアンサー1

jQuery や、この種の処理を簡単にする他のライブラリを使用していない場合は、要素の innerHTML プロパティを使用できます。

document.getElementById("content").innerHTML = "whatever";

おすすめ記事