为什么按钮3,4都读取不出来

源自：2-3 DOM2级事件处理程序

为什么按钮3,4都读取不出来

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function jw(){

alert("第二种");

}

var btn3=document.getElementById('btn3');

var btn4=document.getElementById('btn4');

btn3.onclick=function(){

alert('这是DOM0级处理方法');

}

// DOM2级事件

btn4.addEventListener('click',jw,false);

</script>

</div>

</body>

</html>

提问者：qq_SpeaklDomuch_0 2016-04-27 13:36

个回答

bonorise

2016-07-04 23:54:52

<!DOCTYPE html>
<html>
<head>
<title>事件流</title>
<mete charset="utf-8"></mete>
</head>
<body>

<div id="box">
<input type="button" value="按钮" id="btn" onclick="alert('first')">
<input type="button" value="按钮1" id="btn2" onclick="jw()">
<input type="button" value="按钮2" id="btn3">
<input type="button" value="按钮3" id="btn4">
</div>

<script type="text/javascript">
function jw(){
alert("第二种");
}
var btn3=document.getElementById('btn3');
var btn4=document.getElementById('btn4');
btn3.onclick=function(){
alert('这是DOM0级处理方法');
}
// DOM2级事件
btn4.addEventListener('click',jw,false);
</script>
</body>
</html>

把JS的代码放到HTML代码之后就可以了，亲测~！

0
陈大鱼头

2016-04-27 14:29:55

window.onload = function(){
function jw(){
alert("第二种");
}
var btn3=document.getElementById('btn3');
var btn4=document.getElementById('btn4');
btn3.onclick=function(){
alert('这是DOM0级处理方法');
}
// DOM2级事件
btn4.addEventListener('click',jw,false);
}

0
masterShaw11

2016-04-27 14:05:38

var btn3=document.getElementById('btn3');
var btn4=document.getElementById('btn4');
if(btn3.addEventListener){
        btn4.addEventListener('click',jw,false);
}
else if(btn3.attachEvent){
        btn3.attachEvent('onclick',jw)
}
else{
        btn3.onclick=jw;
}
试试看btn3有没有用？你前面写的两种添加click事件的方法，可能正好你运行的浏览器都不支持，我这里比你多一种添加click事件方法，可能会有用

0