返回
顶部

修改密码

首页 > 文章 > 体育 > 正文
JS中,根据div数值判断弹出窗口

+1

-1

收藏

+1

-1

点赞0

评论0

标题:JS中,根据div数值判断弹出窗口
详情介绍-作者:xiaowei-来源: 极全网-官网 -如有问题点击:在线客服帮助
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 50px;
height: 50px;
margin: 20px;
float: left;
border: 1px solid orange;
}
</style>
</head>
<body>
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>
<div id="div6">6</div>
<div id="div7">7</div>
<div id="div8">8</div>
<div id="div9">9</div>
<div id="div10">10</div>
</body>
<script type="text/javascript">
 //需求:偶数弹出窗口
for (var i=1;i<=10;i++) {
//挨个获取div
var div=document.getElementById("div"+i);
//得到div的内容,并转换成数据类型
var num=Number(div.innerHTML);
if(num%2==0){
//将满足条件的div的点击事件绑定对应的函数体
div.onclick=function(){
alert("popo,coming!");
}
}
}
</script>
</html>
版权声明:本文内容由极全网实名注册用户自发贡献,版权归原作者所有,极全网-官网不拥有其著作权,亦不承担相应法律责任。具体规则请查看《极全网用户服务协议》和《极全网知识产权保护指引》。如果您发现极全网中有涉嫌抄袭的内容,点击进入填写侵权投诉表单进行举报,一经查实,极全网将立刻删除涉嫌侵权内容。

扫一扫在手机打开

评论
已有0条评论
0/150
提交
热门评论
相关推荐
换一批
热点排行