问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

js for循环 谁给写个for循环

发布网友 发布时间:2022-04-22 10:24

我来回答

3个回答

热心网友 时间:2022-04-25 02:03

//根据id查找元素
function getEl(id){
  return document.getElementById(id);
}

window.onload = function(){
    [
        ['d10' , 'd11'] , //这里是要做处理的元素id
        ['d12' , 'd13'] , //分别用数组包起来
        ['d14' , 'd15']
    ].map(function(ids){
      return [getEl(ids[0]) , getEl(ids[1])];//这里先查找元素
    }).forEach(function(group){//然后遍历分别做处理
      var el_1 = group[0],
          el_2 = group[1];
      el_1.onmouseover=function(){
         el_2.style.display="block";
      };
      el_1.onmouseout=function(){
         el_2.style.display="none";
      }
      el_2.onmouseover=function(){
         el_2.style.display="block";
      };
      el_2.onmouseout=function(){
         el_2.style.display="none";
      }
    });
};

热心网友 时间:2022-04-25 03:21

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
</style>
<script type="text/javascript">
window.onload = function ()
    {
    for ( var i = 10; i < 16; i += 2)
    {
    var dx = document.getElementById ("d" + i), dy = document.getElementById ("d" + (i + 1));
    dx.onmouseover = function ()
    {
    dy.style.display = "block";
    };
    dx.onmouseout = function ()
    {
    dy.style.display = "none";
    }
    dy.onmouseover = function ()
    {
    dy.style.display = "block";
    };
    dy.onmouseout = function ()
    {
    dy.style.display = "none";
    }
    }
    }
</script>
</head>
<body>
</body>
</html>

追问不循环!

追答<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
div {
border: 1px solid black;
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
window.onload = function ()
    {
    for ( var i = 10; i < 16; i += 2)
    {
    var dx = document.getElementById ("d" + i), dy = document.getElementById ("d" + (i + 1));
    dx.index = i;
    dx.onmouseover = function ()
    {
    document.getElementById ("d" + (this.index + 1)).style.display = "block";
    };
    dx.onmouseout = function ()
    {
    document.getElementById ("d" + (this.index + 1)).style.display = "none";
    }
    dy.onmouseover = function ()
    {
    this.style.display = "block";
    };
    dy.onmouseout = function ()
    {
    this.style.display = "none";
    }
    }
    }
</script>
</head>
<body>
<div id="d10">10</div>
<div id="d11">11</div>
<div id="d12">12</div>
<div id="d13">13</div>
<div id="d14">14</div>
<div id="d15">15</div>
</body>
</html>

热心网友 时间:2022-04-25 04:56

用jQuery 写呗,循环都不用 $("#d10,#d11,#d12,...")或者使用其他选择器找到这些元素 在绑定具体的事件
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
支付宝健康码变色规则 ...变绿码?昨天做了核酸检测结果是阴性,多久健康码从黄码变成绿码_百度... 母亲有乙肝孩子一定会有吗 ...的作文,600字,要有真实情感最好写心灵的。帮帮忙,必采纳。谢谢啦... ...自我介绍怎么写呀!,急急急!!!拜托各位谢谢啦!!_百度... 以“我身边的文明礼仪”为题写一篇作文,请各位大侠帮帮忙啦... 石家庄100平米房子改水电多少钱一平 石家庄居民水电煤气费都是多少钱? 石家庄水电一个月多少钱一个月多少钱 石家庄水电价格是多少钱 用js for循环怎么输出对象的值? js 数组的for循环到底应该怎么写 js的双for循环,求详细解释 JS for循环我怎么一直搞不懂!求大神分析 javascript for循环 关于JS中的for循环 在js中怎么结束当前for循环? javascript中的for循环 js,for循环是怎么运行的? 给好朋友的一封信500字 写给好朋友的信? 苹果手机系统不更新微信也更新不了 如何使用华为p40手机 华为手机p40使用技巧和窍门大全 华为p40手机分屏功能怎么用 艾叶煎鸡蛋的正确做法大全 空调吹出的暖风有臭味 艾叶煮鸡蛋的正确做法是怎样做的 艾草煮鸡蛋有什么功效?怎么煮呢? 艾叶煮鸡蛋有什么作用煮鸡蛋怎么做 javascript的for循环问题 JS for循环如何无限循环某个数字 javascript中for循环的原理原理的一个小例子 js for循环中如何延迟执行 js一个for循环的问题 javascript for循环语句 js 数组的for循环到底应该怎么写? js如何通过for循环写出大写字母a到z? 小米笔记本电脑休眠怎么唤醒 《生化危机8》八尺大人是谁? 生化危机8多久能见到八尺 八尺夫人是谁? 生化危机8八尺夫人结晶有用吗 生化危机8八尺夫人房间怎么出去 八尺大人的来历是什么呢? 想知道《生化危机8》四大家族是哪几个? 生化危机8八尺夫人死了还会再出现吗 八尺夫人打得死吗 大佬们知道生化危机8都有什么boss么? 八尺大人和暴君谁厉害