js/jquery获取不到页面元素 需要点击一下才能找到
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获取不到页面元素 需要点击一下才能找到相关推荐
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:win ...
- 用 jQuery 获取 iframe 父子页面元素
在iframe子页面获取父页面元素 代码如下: $('#Id', parent.document); 在父页面 获取iframe子页面的元素 代码如下: $("#Id",windo ...
- html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...
- html 获取下一个兄弟节点,js jquery获取当前元素的兄弟级 上一个 下一个元素
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得 ...
- js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&q ...
- js jquery 获取元素(父节点,子节点,兄弟节点)
js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...
- jQuery获取所有父级元素及同级元素及子元素的方法
jQuery获取所有父级元素及同级元素及子元素的方法 1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() ...
- js如何获取html图片,JS/JQuery获取网页或文章或某DIV所有图片
要获取网页所有图片,我们可以通过Javascript就能轻松实现,不过要想获得文章或某容器(如:Div)里所有图片,使用JQuery而不是Javascript来实现就会变得更加简单.本文将给你详细介绍 ...
- JQuery获取第几个元素和判断元素在第几个
HTML代码: <ul><li>jQuery判断当前元素是第几个元素示例</li><li>jQuery获取第N个元素示例</li><l ...
最新文章
- Ajax基础讲解 1
- JMS(Java消息服务)入门教程
- Apache Hive on Apache Tez
- VTK:vtkArrayCalculator用法实战
- 入职体检——项目列表(11项)
- 2017蓝桥杯c语言C组承压计算,蓝桥杯2017Java B组---分巧克力and承压计算
- 教程:VS2010 之TFS入门指南
- java最常见的runtime_Java常见runtime exception
- jquery之超简单的div显示和隐藏特效demo
- Linux下实现一个网卡绑定多个IP地址
- 什么是9.png,如何制作,如何使用。
- bzoj 2437: [Noi2011]兔兔与蛋蛋
- 生成主键ID,唯一键id,分布式ID生成器雪花算法代码实现
- Java-面向对象(基础知识)
- Proj.4 API 中文参考
- 快速给pdf生成书签
- 优酷1080p的kux格式文件转码
- annotation-driven 配置详解
- VLAN隔离技术 — 端口隔离
- 山地车中轴进水表现_你知道吗?中轴拧错方向可能会毁了车架!
热门文章
- 动态规划法求解三角形最小路径问题
- 网维大师系统虚拟盘控制台 网络中存在另外一台主服务器,网维大师系统虚拟盘性能优化及常见问题...
- ESP32 单片机学习笔记 - 03 - MCPWM脉冲输出/PCNT脉冲计数
- STC单片机学习型号选择及哪里购买
- summernote 探索(官方文档)
- 说清楚什么是 PCR,PTS,DTS
- win10下装win7双系统_虚拟磁盘安装原版WIN7,简简单单实现双系统
- 单片机不同晶振怎么计算延迟时间?
- php strchr(),php strchr函数怎么用
- 动画-Animation/@keyframes