zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    第一个java程序
    Java安装
    Maven安装
    Effective Java 3
    gateway + jwt 网关认证
    idea的使用
    线程池的使用
    服务注册发现Eureka
    zookeeperAPI的常用方法
    sss
  • 原文地址:https://www.cnblogs.com/niuniudashijie/p/5988528.html
Copyright © 2011-2022 走看看