1. ホーム
  2. ジャバスクリプト

[解決済み】JavaScriptでdivの内容を変更するにはどうすればいいですか?

2022-04-05 22:18:03

質問

私はいくつかの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" or "B")を選択すると、divの内容(内部のhtml)を変更できるようにしたかったのですが、div#contentはjavascript属性"value"を持っていないので、どうやったらできるのか教えてください。

解決方法を教えてください。

jQueryや、この種のことを簡単にする他のライブラリを使っていないと仮定すると、要素のinnerHTMLプロパティを使えばいいのです。

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