1. ホーム
  2. javascript

[解決済み] HTML/Javascriptでdivの内容を変更する

2022-02-03 12:07:57

質問

私はいくつかの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";