如何使用 JavaScript 更改 div 内容？

javascript html

2022-08-30 00:19:50

我有一些简单的HTML代码和一些JavaScript。它看起来像这样：

<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";

答案 2

$('#content').html('whatever');