<!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>
注释第二个，第一个按钮会弹出，不注释话，两个都不会弹出，什么原因？
2016-04-07
首先，你的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>
举报
