为了账号安全,请及时绑定邮箱和手机立即绑定

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

<!DOCTYPE html>

<html>

<head>

<title>事件流</title>

<mete charset="utf-8"></mete>

</head>

<body>

<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>

<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>

</body>

</html>


正在回答

3 回答

<!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 回复 有任何疑惑可以回复我~
#1

bonorise

因为JS代码中 btn3 btn4 赋值的时候,HTML还没有加载,也就是说找不到id为'btn3'和'btn4'的按钮元素,此时如果打开控制台查看 btn3 和 btn4 都是 null
2016-07-05 回复 有任何疑惑可以回复我~

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 回复 有任何疑惑可以回复我~
#1

陈大鱼头

连什么时候开始调用都没说清楚,浏览器怎么给你调,打开F12一看就是函数为null;
2016-04-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信