HTML / Javascript更改div内容 [英] HTML/Javascript change div content
本文介绍了HTML / Javascript更改div内容的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我用一些javascript编写简单的HTML代码，它看起来像：
< html>
< head>< script type =text / javascript> ...< / script>< / head>
< body>
< input type =radioname =radiobuttonvalue =AonClick =changeDivContent（）>
< input type =radioname =radiobuttonvalue =BonClick =changeDivContent（）>
< div id =content>< / div>
< / body>
< / html>
我只是希望能够改变div的内容（它是内部html）并选择A或B单选按钮，但div＃内容没有javascript属性的值，所以我在问怎么做。
解决方案 div>假设你没有使用jQuery或其他一些库来让这种事情更容易，你可以使用元素的innerHTML属性。
document.getElementById（content）。innerHTML =whatever;
I have simple HTML code with some javascript, it looks like:
<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>
I just wanted to be able change div's content (it's inner html) with selecting one of "A" or "B" radio buttons, but div#content does not have javascript attribute "value", so I am asking how it can be done.
解决方案
Assuming you're not using jQuery or some other library that makes this sort of thing easier for you, you can just use the element's innerHTML property.
document.getElementById("content").innerHTML = "whatever";
这篇关于HTML / Javascript更改div内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
