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. OpenCV2.4.X怎样使开发出来的exe文件或软件可独立运行?
  2. ssm创建一个查询接口
  3. Jenkins主从节点配置
  4. 理解lambda在linq中的应用
  5. jparepository查询所有_jparepository 怎样自定义查询
  6. 反转二叉树 java_leetcode刷题笔记-226. 翻转二叉树(java实现)
  7. mybatis结果的组装(springboot)
  8. 基于SSM的酒水商城系统
  9. 学生宿舍信息管理系统
  10. 第一篇 Object-C快速入门
  11. linux安装ipk游戏,添加软件包 IPK
  12. 互联网日报 | 5月26日 星期三 | 华为鸿蒙操作系统6月2日发布;特斯拉已在中国建立数据中心;百度发起“高考+”计划...
  13. 用博客记录成长的历程
  14. jenkins学习与实战
  15. w ndows7与XP哪个好,Win7系统与Win XP系统哪个更好?Windows7与WindowsXP区别介绍-系统城·电脑系统下载之家...
  16. hdl_graph_slam的论文阅读
  17. 设计一个字符串子串删除函数
  18. 3招搞定APP注册作弊
  19. PHP之 微信支付 查询企业付款银行卡API 或 查询给企业付款是否到账 功能业务处理
  20. JS将秒数换算成时分秒 以及转化为年月日 时分秒以及多长时间以前

热门文章

  1. typecho category.php,typecho主题制作
  2. Laconic:从JavaScript生成DOM内容的新方法
  3. 将N$的支票换为1$,2$,3$三种硬币
  4. IC授权卡和复制卡的区别_一起来了解苹果礼品卡的区别,解决你购买时的困惑...
  5. 【转载】Redis 21问,你接得住不?
  6. 实战CRC校验 | 固件如何校验自身完整性?
  7. 批量处理图形大小如何更改图片大小尺寸修改图片视频教程ps学习ps教程ps基础新教程
  8. 亚马逊智能化管理软件解孵全面便捷的仓库管理功能
  9. 2017年计算机a级模拟试题,2017年计算机国考(二级Access)全真模拟试题及答案【手机题库】...
  10. 2018中国人工智能开源软件发展白皮书-笔记