zoukankan      html  css  js  c++  java
  • 前端页面拥有多个形同id获取并全部处理

    <span id="tmpHidePop" class="layerpop_closed" onclick="hidePopup()">收起<i></i></span>

    document.getElementByID("id")只能获取此id第一条对象,若有多个,其他数据属性都是null.

    所以,退而求其次,怎样获取呢?

    通过name属性:

    <span id="tmpHidePop" name = "tmpHidePopName"  class="layerpop_closed" onclick="hidePopup()">收起<i></i></span>
    var titleArr = document.getElementsByName("tmpHidePopName");
    console.log(titleArr);
    for (var i = 0; i <titleArr.length ; i++) {
       titleArr[i].click();
    }

    还有一种方法,通过TagName(),然后进行层级筛选,定位到我们需要的具体对象

    <div id="yrPop" data-hide="true" data-closecallback="undefined" class="layerpop" style="top: 62px; height: 347px; display: block;">
      <span id="tmpHidePop" name="tmpHidePopName" class="layerpop_closed" onclick="hidePopup()">收起<i></i></span>
    </div>
    <div id="yrPop" data-hide="true" data-closecallback="undefined" class="layerpop" style="top: 62px; height: 347px; display: block;">
      <span id="tmpHidePop" name="tmpHidePopName" class="layerpop_closed" onclick="hidePopup()">收起<i></i></span>
    </div>
    <div id="yrPop" data-hide="true" data-closecallback="undefined" class="layerpop" style="top: 62px; height: 347px; display: block;">
      <span id="tmpHidePop" name="tmpHidePopName1" class="layerpop_closed" onclick="hidePopup()">收起<i></i></span>
    </div>
    <div id="yrPop" data-hide="true" data-closecallback="undefined" class="layerpop" style="top: 62px; height: 347px; display: block;">
      <span id="tmpHidePop" name="tmpHidePopName" class="layerpop_closed" onclick="hidePopup()">收起<i></i></span>
    </div>
    var divArr = document.documentElement.getElementsByTagName("div");
    for (var i = 0; i <divArr.length ; i++) {
      if(divArr[i].name=="tmpHidePopName"){
        divArr[i].click();
      }
    }

    当然,这里面代码逻辑不严谨,借鉴的同志要注意一下,还需要补充判断。

    我不是来改变世界的
  • 相关阅读:
    LED点阵书写显示
    cpld fpga 区别
    SublimeText 自带格式化代码功能
    iText C# 合并PDF文件流,以及A5变A4时内容默认放在最底下的问题的解决方法;ASP.NET 实现Base64文件流下载PDF
    Adobe Acrobat 9 Pro序列号
    c#比较两个数组的差异
    iNotify.js通知JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知。
    配置IISExpress允许外部访问
    https://sweetalert2.github.io/
    c# 利用MailKit.IMap 收取163邮件
  • 原文地址:https://www.cnblogs.com/notchangeworld/p/14485215.html
Copyright © 2011-2022 走看看