JS中,根据div数值判断弹出窗口

<!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>

转载于:https://www.cnblogs.com/niuniudashijie/p/5988528.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值