js如何获取动态生成的ID值

2014-12-28 03:42:32 3.7k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

SolidWorks+ADAMS双验证：你的机械臂力矩计算真的靠谱吗？本文探讨了机械臂力矩计算中手工计算的局限性，并介绍了SolidWorks和ADAMS双验证方法的重要性。通过实际案例展示了动态工况下传统计算方法的误差，详细解析了SolidWorks精准质心捕捉和ADAMS动力学仿真的关键技术，帮助工程师构建计算-仿真-实测闭环验证流程，确保机械臂设计的可靠性和安全性。阅读详情

在做一个悬浮提示，就是从数据库动态读取数据作为复选框，在选择复选框时，提示相应的提示内容

代码如下：



<tr>

		<td width="9%">

		<p align="right">层级：</td>

		<td  colspan="5"> @foreach (var item in Model.effModel)

                {

                        <input type="checkbox" id="@item.EFFECTIVE_ID" name="checkeff" value="@item.EFFECTIVE_ID" onmouseout="hidden()" onmousemove="show()"/>

                        <span>@item.EFFECTIVE_NAME</span>

                        <div id="note" style="display:none; position:absolute;z-index:1;" >@item.NOTE</div>

                                                          

                }　</td>

@item.NOTE就是要提示的内容
js如下：



<script  type="text/javascript">

    function show()

    {

        document.getElementById("note").style.display = "block";

    }

    function hidden()

    {

        

        document.getElementById("note").style.display = "none";

    }

</script>

效果如图：

只有第一个显示，后面的都不显示，请教大神们该如何做？

...全文

FPGA加速SNN实现MNIST手写数字识别的实践与优化脉冲神经网络(SNN)作为第三代神经网络模型，采用生物启发的脉冲事件驱动机制，在处理时序信号时具有天然能效优势。其核心原理是通过神经元仅在接收足够输入脉冲时激活的稀疏特性，大幅降低计算能耗。在FPGA硬件加速领域，SNN通过量化优化、硬件友好型神经元模型设计等关键技术，可在边缘计算场景实现超高能效比。本文以MNIST手写数字识别为案例，详细解析了从6bit量化策略到双缓冲流水线设计的完整优化路径，最终在Xilinx Kintex-7平台实现97.54%识别准确率的同时，功耗仅231mW，能效比达81,712 阅读详情

Stranger。

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

KK3K2005 2014-12-29

打赏
举报

function show() { this.s.parentNode.getElementsByTagName('div')[0].style.display = 'block'; } function hidden() { this.s.parentNode.getElementsByTagName('div')[0].style.display = "none"; }

MnZlZ 2014-12-29

打赏
举报

引用 6 楼 lp1791803611 的回复:


<input type="checkbox" id="@item.EFFECTIVE_ID" name="checkeff" value="@item.EFFECTIVE_ID" onmouseout="hidden()" onmousemove="show()" />
                        <span>@item.EFFECTIVE_NAME</span>                                                 
                        <div id="@item.EFFECTIVE_NAME" style="display:none; position:absolute;z-index:1;" >@item.NOTE</div>

我如果把<div>的id用@item.EFFECTIVE_NAME来表示，该如何把这个值传给js呢？

将上面的style="display:none; position:absolute;z-index:1;"替换为 class='div_Style'


   var divs=document.getElementsByTagname('div');
   for(var dd in divs){
       if(div[dd].calssName=='div_Style'){
           //对每个id用@item.EFFECTIVE_NAME来表示的div进行操作
       }
   }

MnZlZ 2014-12-29

打赏
举报

引用 5 楼 lp1791803611 的回复:

<input>标签的id值是不相同的，<div>中的id值才是相同的，并且我这个页面有两个这样的<input>

还是将每个checkbox在循环一次


    var inputs=document.getElementsByTagName('input'); //得到所有的input标签
    for(var i=0;i<inputs.length;i++){   //将你动态创建的标签再次循环一遍，避免使用了相同的id
          if(inputs.getAttribute('type')=='checkbox'){   //通过判断取出type='checkbox' 的input标签
            inputs[i].onmouserover=show;
            inputs[i].onmouseover=hidden;
          }  
     }

Stranger。 2014-12-28

打赏
举报


<input type="checkbox" id="@item.EFFECTIVE_ID" name="checkeff" value="@item.EFFECTIVE_ID" onmouseout="hidden()" onmousemove="show()" />
                        <span>@item.EFFECTIVE_NAME</span>                                                 
                        <div id="@item.EFFECTIVE_NAME" style="display:none; position:absolute;z-index:1;" >@item.NOTE</div>

我如果把<div>的id用@item.EFFECTIVE_NAME来表示，该如何把这个值传给js呢？

Stranger。 2014-12-28

打赏
举报

引用 3 楼 u013104499 的回复:

                  @foreach (var item in Model.effModel)
                {
                        <input type="checkbox" id="@item.EFFECTIVE_ID" name="checkeff" value="@item.EFFECTIVE_ID"                   onmouseout="hidden()" onmousemove="show()"/>
                        <span>@item.EFFECTIVE_NAME</span>
                        <div id="note" style="display:none; position:absolute;z-index:1;" >@item.NOTE</div>                           
                }　</td>
请教一下，这种创建标签的方式没见过，用什么语言？一楼的意思就是你这种创建的方式得到的所有的chekbox具有相同的id，这种情况就相当于下面的一个例子： <input type=''checkbox' id='check' name='checkoff' value='check1' /> <input type=''checkbox' id='check' name='checkoff' value='check2' /> <input type=''checkbox' id='check' name='checkoff' value='check3' /> <input type=''checkbox' id='check' name='checkoff' value='check4' /> <input type=''checkbox' id='check' name='checkoff' value='check5' />' 当为上面的复选框指定事件是这样做的（按照你那种创建方式）： var check='document.getElementById('check'); 'check.onmouseout=hidden; check.onmouseover=show; 你可以看到了，因为id名称相同，执行事件的时候肯定不可能同时多可执行，所以只会选择执行第一个一般在一个页面中是不允许id名称相同的，这样做麻烦太多另解：
  window.onload(){
     var checkboxs=document.getElementsByTagName('input');
     for(var i=0;i<checkboxs.length;i++){   //将你动态创建的标签再次循环一遍，避免使用了相同的id
         if(i){
            checkboxs[i].onmouserover=show;
            checkboxs[i].onmouseover=hidden;
         }
     }
     function show()
    {
        document.getElementById("note").style.display = "block";
    }
    function hidden()
    {
         
        document.getElementById("note").style.display = "none";
    }
  }

<input>标签的id值是不相同的，<div>中的id值才是相同的，并且我这个页面有两个这样的<input>

蝶恋花雨 2014-12-28

打赏
举报

你的ＩＤ都是一样的。参考三楼的。

MnZlZ 2014-12-28

打赏
举报

                  @foreach (var item in Model.effModel)
                {
                        <input type="checkbox" id="@item.EFFECTIVE_ID" name="checkeff" value="@item.EFFECTIVE_ID"                   onmouseout="hidden()" onmousemove="show()"/>
                        <span>@item.EFFECTIVE_NAME</span>
                        <div id="note" style="display:none; position:absolute;z-index:1;" >@item.NOTE</div>                           
                }　</td>

请教一下，这种创建标签的方式没见过，用什么语言？一楼的意思就是你这种创建的方式得到的所有的chekbox具有相同的id，这种情况就相当于下面的一个例子： <input type=''checkbox' id='check' name='checkoff' value='check1' /> <input type=''checkbox' id='check' name='checkoff' value='check2' /> <input type=''checkbox' id='check' name='checkoff' value='check3' /> <input type=''checkbox' id='check' name='checkoff' value='check4' /> <input type=''checkbox' id='check' name='checkoff' value='check5' />' 当为上面的复选框指定事件是这样做的（按照你那种创建方式）： var check='document.getElementById('check'); 'check.onmouseout=hidden; check.onmouseover=show; 你可以看到了，因为id名称相同，执行事件的时候肯定不可能同时多可执行，所以只会选择执行第一个一般在一个页面中是不允许id名称相同的，这样做麻烦太多另解：


  window.onload(){
     var checkboxs=document.getElementsByTagName('input');
     for(var i=0;i<checkboxs.length;i++){   //将你动态创建的标签再次循环一遍，避免使用了相同的id
         if(i){
            checkboxs[i].onmouserover=show;
            checkboxs[i].onmouseover=hidden;
         }
     }
     function show()
    {
        document.getElementById("note").style.display = "block";
    }
    function hidden()
    {
         
        document.getElementById("note").style.display = "none";
    }
  }

Stranger。 2014-12-28

打赏
举报

引用 1 楼 zzgzzg00 的回复:

id原则上不能重复 getElementById只会获取第一个将事件绑定到父元素上赢代理吧为每个checkbox绑定一个事件消耗资源稍微有点浪费

没看懂什么意思？

似梦飞花 2014-12-28

打赏
举报

id原则上不能重复 getElementById只会获取第一个将事件绑定到父元素上赢代理吧为每个checkbox绑定一个事件消耗资源稍微有点浪费

js如何获取动态生成的ID值

相关推荐