如何使用 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 属性“值”,所以我问它怎么能做完了。

原文由 Rob 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.1k
2 个回答

假设您没有使用 jQuery 或其他让您更轻松地完成此类操作的库,您可以只使用元素的 innerHTML 属性。

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

原文由 Syntactic 发布,翻译遵循 CC BY-SA 2.5 许可协议

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

原文由 Michael Sanchez 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题