问答详情
源自:2-2 DOM0级事件处理程序

为什么<script type="text/javascript">加了type就不能运行第二个按钮了呢

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>DOM事件</title>


</head>

<body>

<div ID="BOX">

<input type="button" id="btn1" value="按钮1" onclick="showMessae()">

<input type="button" id="btn2" value="按钮2">

</div>

<script type="text/javascript">

function showMessae () {

alert('按钮1');

}

var btn2=document.getElementById("btn2");

//给btn2添加事件

btn2.onclick=function(){

alert('这是通过dom添加的事件!');

}

</script>

</body>

</html>

为什么加了type="text/script"就不能解析dom了呢???????

这样第二个按钮事件出不来!

//#############################################################

这样才能正常运行

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>DOM事件</title>


</head>

<body>

<div ID="BOX">

<input type="button" id="btn1" value="按钮1" onclick="showMessae()">

<input type="button" id="btn2" value="按钮2">

</div>

<script>

function showMessae () {

alert('按钮1');

}

var btn2=document.getElementById("btn2");

//给btn2添加事件

btn2.onclick=function(){

alert('这是通过dom添加的事件!');

}

</script>

</body>

</html>


提问者:qq_一台设备两种生活_0 2016-09-26 10:46

个回答

  • Touchkiss
    2016-09-26 13:53:58

    可以运行啊,你在哪个浏览器不能运行?