dom0级事件处理
CrazyEfan
2016-04-07 21:05
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DOM事件</title>
<script>
function showx() {
alert("hello");
}
// var btx=document.getElementById('btn2');
// btx.onclick=function () {
// alert("DOM事件0级处理！")；
// }
</script>
</head>
<body>
<input type="button" value="按钮" onclick="showx()">
<input type="button" value="按钮2" id="btn2">
</body>
</html>
注释第二个，第一个按钮会弹出，不注释话，两个都不会弹出，什么原因？
1回答
-
- 慕田峪8758219
- 2016-04-07 23:48:01
首先，你的alert("DOM事件0级处理！")后用的是中文的分号；
其次，第二个按钮要生效，你要把js代码放在html代码中按钮2的后面，因为js代码在你的浏览器读取按钮2的html代码之前就已经编译了
以下是修改后的：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DOM事件</title>
</head>
<body>
<input type="button" value="按钮" onclick="showx()">
<input type="button" value="按钮2" id="btn2">
<script>
function showx() {
alert("hello");
}
var btx=document.getElementById('btn2');
btx.onclick=function () {
alert("DOM事件0级处理！");
};
</script>
</body>
</html>
DOM事件探秘
99545 学习 · 1197 问题
相似问题