代码分割线==================
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
</style>
</head>
<body>
<button class="btn" id="addspeed">addspeed</button>
speed:<label id="speedvalue">100</label>
<script type="text/javascript">
var speed = 100;
var jiasu = document.getElementById('addspeed');
jiasu.onclick = function() {
speed = speed + 10;
var speedvalue = document.getElementById('speedvalue').childNodes[0];
speedvalue.nodeValue = speed
};
</script>
</body>
</html>
- 元素节点包含文本节点,所以使用childNodes[0]来获取到元素节点
- 想改变文本节点的值,需要使用nodeValue属性