HTML / Javascript更改div内容

我有一些JavaScript的简单的HTML代码,它看起来像:

<html> <head><script type="text/javascript">...</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> 

我只是想能够改变div的内容(这是内部的HTML)与select“A”或“B”单选button之一,但div#内容没有javascript属性的“价值”,所以我问如何做到这一点。

假设你没有使用jQuery或其他一些库,使得这种事情更容易,你可以使用元素的innerHTML属性。

 document.getElementById("content").innerHTML = "whatever"; 
 $('#content').html('whatever'); 

获取你想要更改内容的div的id,然后指定文本如下:

  var myDiv = document.getElementById("divId"); myDiv.innerHTML = "Content To Show";