【坑】通过点击按钮改变<div>中的内容

来源:互联网 发布:优化建议 翻译 编辑:程序博客网 时间:2024/05/21 19:26
最初版我是想通过value属性来改变的
function changeNum() {document.getElementById("number").innerHTML = parseInt(document.getElementById("number").value) + 1;}</script></head><body><div id="number">0</div><input type="button" value="按我加一" onClick="changeNum();"></body>

但是实际上value是不能用来表示标签中加入的文本内容的,不信你输出document.getElementById("number").value就知道了,是undefined

正确版

<script type="text/javascript">function changeNum() {document.getElementById("number").innerHTML = parseInt(document.getElementById("number").textContent) + 1;}</script></head><body><div id="number">0</div><input type="button" value="按我加一" onClick="changeNum();"></body>
注意这个是用textcontent而不要把text属性给弄混了

0 0
原创粉丝点击