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