2018-03-23 更新
更新内容:检查在获取的时候是不是使用class获取元素,如果是则修改为通过id获取元素。通过id获取元素是可以直接获取到的

以下为原文 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
在项目中,尤其是后台管理常用到iframe嵌套,但是最近遇到一个问题。
我在页面上想要去获取页面的一个元素,却无法获取到元素

但是使用chrome自带的调试台去选中元素,然后再执行jquery方法,此时可以正常获取到元素

一开始想到可能是未来元素的原因,尝试过后发现并没有用处。
后来想到在form表单提交的时候如果有两层form嵌套,就会出现提交不了的现象。那会不会iframe嵌套也会出现这个问题呢?
当只使用一层iframe层时,也是可以正常获取元素的。那么两层的时候为什么会不行了呢?
查阅资料得知,当我们去获取元素时,js会默认在外层iframe中寻找元素,如果我们要寻找里层iframe的元素,必须要切换到指定iframe层中。

var obj=document.getElementById("mainframe").contentWindow; //填你的需要找到元素的那一层iframe的id
obj.document.getElementsByClassName("odd_bg");//我们可以对元素进行正常的操作了,我这里是寻找的class名,同理可以使用id等获取

js/jquery获取不到页面元素 需要点击一下才能找到相关推荐

  1. Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

     在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1. 格式:win ...

  2. 用 jQuery 获取 iframe 父子页面元素

    在iframe子页面获取父页面元素 代码如下: $('#Id', parent.document); 在父页面 获取iframe子页面的元素 代码如下: $("#Id",windo ...

  3. html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...

    $(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...

  4. html 获取下一个兄弟节点,js jquery获取当前元素的兄弟级 上一个 下一个元素

    var chils= s.childNodes;  //得到s的全部子节点 var par=s.parentNode;   //得到s的父节点 var ns=s.nextSbiling;   //获得 ...

  5. js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

    js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&q ...

  6. js jquery 获取元素(父节点,子节点,兄弟节点)

    js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...

  7. jQuery获取所有父级元素及同级元素及子元素的方法

    jQuery获取所有父级元素及同级元素及子元素的方法 1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() ...

  8. js如何获取html图片,JS/JQuery获取网页或文章或某DIV所有图片

    要获取网页所有图片,我们可以通过Javascript就能轻松实现,不过要想获得文章或某容器(如:Div)里所有图片,使用JQuery而不是Javascript来实现就会变得更加简单.本文将给你详细介绍 ...

  9. JQuery获取第几个元素和判断元素在第几个

    HTML代码: <ul><li>jQuery判断当前元素是第几个元素示例</li><li>jQuery获取第N个元素示例</li><l ...

最新文章

  1. Ajax基础讲解 1
  2. JMS(Java消息服务)入门教程
  3. Apache Hive on Apache Tez
  4. VTK:vtkArrayCalculator用法实战
  5. 入职体检——项目列表(11项)
  6. 2017蓝桥杯c语言C组承压计算,蓝桥杯2017Java B组---分巧克力and承压计算
  7. 教程:VS2010 之TFS入门指南
  8. java最常见的runtime_Java常见runtime exception
  9. jquery之超简单的div显示和隐藏特效demo
  10. Linux下实现一个网卡绑定多个IP地址
  11. 什么是9.png,如何制作,如何使用。
  12. bzoj 2437: [Noi2011]兔兔与蛋蛋
  13. 生成主键ID,唯一键id,分布式ID生成器雪花算法代码实现
  14. Java-面向对象(基础知识)
  15. Proj.4 API 中文参考
  16. 快速给pdf生成书签
  17. 优酷1080p的kux格式文件转码
  18. annotation-driven 配置详解
  19. VLAN隔离技术 — 端口隔离
  20. 山地车中轴进水表现_你知道吗?中轴拧错方向可能会毁了车架!

热门文章

  1. 动态规划法求解三角形最小路径问题
  2. 网维大师系统虚拟盘控制台 网络中存在另外一台主服务器,网维大师系统虚拟盘性能优化及常见问题...
  3. ESP32 单片机学习笔记 - 03 - MCPWM脉冲输出/PCNT脉冲计数
  4. STC单片机学习型号选择及哪里购买
  5. summernote 探索(官方文档)
  6. 说清楚什么是 PCR,PTS,DTS
  7. win10下装win7双系统_虚拟磁盘安装原版WIN7,简简单单实现双系统
  8. 单片机不同晶振怎么计算延迟时间?
  9. php strchr(),php strchr函数怎么用
  10. 动画-Animation/@keyframes