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

代码问题-求帮助

谁能告诉我,我这个问题出在哪里为什么没有反应呢?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>
var btn2=document.getElementById('btn2');
btn2.addEventListener('click',showmesa,false);


function showmesa(){
    alert('souw me');
    }
    
</script>
<div id="box">
<input type="button"  value="submit2" id="btn2">

</div>
</body>
</html>

正在回答

3 回答

代码自上而下执行,执行到var btn2=document.getElementById('btn2');时浏览器尚未解析<div id="box">
<input type="button"  value="submit2" id="btn2">
</div>,所以无法获取到btn2这个元素

有两种修改办法:

1,维持你原来的结构,

window.onload = function(){

    var btn2=document.getElementById('btn2');
    btn2.addEventListener('click',showmesa,false);

}

2,代码不变,将script代码放在body到最后面

0 回复 有任何疑惑可以回复我~
#1

linapursue 提问者

非常感谢!
2015-05-28 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

代码问题-求帮助

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