码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-10-22 23:37:31      阅读:282      评论:0      收藏:0      [点我收藏+]

标签:doctype   alert   set   idt   偶数   innerhtml   doc   ext   事件   

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

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

标签:doctype   alert   set   idt   偶数   innerhtml   doc   ext   事件   

原文地址:http://www.cnblogs.com/niuniudashijie/p/5988528.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!