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

最新推荐文章于 2020-04-26 16:34:38 发布

_Slience_

最新推荐文章于 2020-04-26 16:34:38 发布

阅读量2w

点赞数

分类专栏： Web前端文章标签： javascript

本文链接：https://blog.csdn.net/u010513756/article/details/39162183

版权

Web前端专栏收录该内容

94 篇文章 1 订阅

订阅专栏

最初版我是想通过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属性给弄混了