<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>返回值函数</title><script type="text/javascript"> var x=document.getElementById("box") x.onclick=function(){ alert('box') } var y=document.getElementById("btn") y.onclick=function(){ alert('btn') }</script></head><body><div id="box"> <input type="button" value="ddd" id="btn"></div></body></html>
4 回答
已采纳
ruibin
TA贡献358条经验 获得超213个赞
执行js代码的时候，页面还没有渲染，此时不能找到对应的节点。事件冒泡机制不熟悉，建议多理解下。我修改了你写得代码，应该达到了你想要的目的。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>返回值函数</title>
<style>
div {
width: 200px;
height: 200px;
border: 1px solid red;
}
</style>
<script type="text/javascript">
window.onload = function() {
var x = document.getElementById("box");
x.onclick = function() {
alert('box');
}
var y = document.getElementById("btn");
y.onclick = function(e) {
e.stopPropagation();
alert('btn');
}
}
</script>
</head>
<body>
<div id="box">
<input type="button" value="ddd" id="btn">
</div>
</body>
</html>
ruibin
TA贡献358条经验 获得超213个赞
执行js代码的时候，页面还没有渲染，此时不能找到对应的节点。事件冒泡机制不熟悉，建议多理解下。我修改了你写得代码，应该达到了你想要的目的。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>返回值函数</title>
<style>
div {
width: 200px;
height: 200px;
border: 1px solid red;
}
</style>
<script type="text/javascript">
window.onload = function() {
var x = document.getElementById("box");
x.onclick = function() {
alert('box');
}
var y = document.getElementById("btn");
y.onclick = function(e) {
e.stopPropagation();
alert('btn');
}
}
</script>
</head>
<body>
<div id="box">
<input type="button" value="ddd" id="btn">
</div>
</body>
</html>
IT菜_鸟
TA贡献1条经验 获得超0个赞
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>地方</title>
<script type="text/javascript">
window.onload=function(){
var x=document.getElementById("box");
x.onclick=function(){
alert('box');
}
var y=document.getElementById("btn");
y.onclick=function(){
alert('btn');
}
}
</script>
</head>
<body>
<div id="box">
<input type="button" value="ddd" id="btn">
</div>
</body>
</html>
添加回答
举报
0/150
提交
取消