关于Js的,使用DOM判断页面中控件是否嵌套
发布网友
发布时间:2022-04-24 06:55
我来回答
共2个回答
热心网友
时间:2022-04-24 08:25
方法一:同一楼,在按钮中加上onclick="testa();"
即:<input type="button" onclick="testa();">我是按钮</input>
方法二:不在按钮中添加事件,在JS代码中加。
比如你的按钮id是button,即:
<input type="button" id="button">我是按钮</input>
你可以写
document.getElementById('button').onclick=testa;
注意:网页没有加载完成的时候这句可能没有用,因为网页没有下完,他找不到这个按钮,所以要这么写:
window.onload=function(){
document.getElementById('button').onclick=testa;
}
意思是:整个网页下载完了的时候,给id是button的按钮加上动作
在有很多按钮都需要加事件的时候,第二种方法比第一种方便。例如有10个按钮:
<input type="button" id="button1">我是按钮1</input>
<input type="button" id="button2">我是按钮2</input>
...
<input type="button" id="button10">我是按钮10</input>
开头写一句
window.onload=function(){
for(var i=1;i<11;i++)
document.getElementById('button'+i).onclick=testa;
}
10个按钮都有单击事件了
参考资料:http://hj149.javaeye.com/blog/480046
热心网友
时间:2022-04-24 09:43
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function testa()
{var mydom=document.getElementById("divtest"); //获取对象
if(mydom.hasChildNodes()) 判断有没有子节点
alert("有子节点");
else
alert("没有子节点");
}
</script>
</head>
<body>
<button onclick="testa();">测试</button>
<div id="divtest">dfdf</div>
</body>
</html>