Warm tip: This article is reproduced from serverfault.com, please click

其他-HTML/Javascript 更改 div 内容

(其他 - HTML/Javascript change div content)

发布于 2010-03-31 15:17:53

我有一些带有 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”,所以我问它如何完成。

Questioner
Rob
Viewed
0
Syntactic 2010-03-31 23:19:52

假设你没有使用 jQuery 或其他使此类事情更容易的库,你可以只使用元素的 innerHTML 属性。

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