为啥弹窗可以连续弹出,而按钮内部文字不能连续改变

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button>你好</button>
<script>
// DOM2级执行顺序
var btnField = document.getElementsByTagName('button')[0];
btnField.addEventListener('click', function () {
btnField.innerHTML = '第一';
}, false);
btnField.addEventListener('click', function () {
btnField.innerHTML = '第二';
}, false);
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button>你好</button>
<script>
// DOM2级执行顺序
var btnField = document.getElementsByTagName('button')[0];
btnField.addEventListener('click', function () {
alert('第一');
}, false);
btnField.addEventListener('click', function () {
alert('第二');
}, false);
</script>
</body>
</html>9
收起
正在回答
1回答
同学你好,解答如下:
1、按钮文字改变的速度非常快,人眼几乎分辨不出来,所以看不到连续改变的过程。
2、弹框需要“人为关闭”,即第一个弹框要是不主动关闭,第二个弹框就不会出来,所以我们能看到两个弹框。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星