您当前的位置：&&&&
使用jQuery关于iframe父子元素的调用
编辑：蓝风紫电您现在的位置： &
父元素与子iframe相互获取变量和元素对象的具体实现
父元素与子iframe相互获取变量和元素对象的具体实现
父中: 　　复制代码 代码如下:　　&input id="username"type="text" /& &scripttype="text/javascript"& var count = 1; &/script&
------------------------------------------------------------- 子iframe中: 　　复制代码 代码如下:　　&scripttype="text/javascript"& alert(unt); //获取父中的js变量 alert($("#username", window.parent.document));//获取父中jQuery对象 alert(window.parent.document.getElementByIdx_x('username'));//获取父中DOM对象 &/script&
-------------------------------------------------------------------------------------------------- 子iframe中（id="iframeId"name="iframeName"）: 　　复制代码 代码如下:　　&input id="username"type="text" /& &scripttype="text/javascript"& varcount = 1; &/script&
------------------------------------------------------------- 父中: 　　复制代码 代码如下:　　&scripttype="text/javascript"& alert(docunt);//获取子iframe中的js变量 alert($(window.frames["iframeName"]ntents().find("#username"));//获取子iframe中jQuery对象 alert($("#username",document.frames("iframeName").document));//获取子iframe中jQuery对象 alert(window.document.getElementById('iframeId'ntentWindow.document.getElementByIdx_x('username'));//获取子iframe中DOM对象 &/script&
收集网上的一些示例： 用jQuery在IFRAME里取得父窗口的某个元素的值 只好用DOM方法与jquery方法结合的方式实现了 1. 在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input:radio").attr("checked","true"); 2. 在IFRAME中操作 选中父窗口中的所有单选钮 $(window.parent.document).find("input:radio").attr("checked","true"); 父窗口想获得IFrame中的Iframe，就再加一个frames子级就行了，如： $(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true"); 3.在子窗口中调用父窗口中的另一个子窗口的方法(FRAME)： parent.frames["Main"].Fun(); 注意：建议使用[]，这样比较兼容多个浏览器，()火狐/搜狗/谷歌不兼容。
&&&主编推荐
&&&热门试卷
&&&最新视频
&&&热门阅读
&&&最新问答
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&&&湘教QS2-164&&增值电信业务经营许可证湘B2-先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。
JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素
&div id=&test&&
&div&&/div&
&div&&/div&
原生的JS获取ID为test的元素下的子元素。可以用：
var a = docuemnt.getElementById(&test&).getElementsByTagName(&div&);& 这样是没有问题的
此时a.length=2；
但是如果我们换另一种方法
var b =document.getElementById(&test&).childN&
此时b.length 在IE浏览器中没问题，其依旧等于2，但是在FF浏览器中则会使4，是因为FF把换行也当做一个元素了。
所以，在此，我们就要做处理了，需遍历这些元素，把元素类型为空格而且是文本都删除。
function del_ff(elem){
var elem_child = elem.childN
for(var i=0; i&elem_child.i++){
if(elem_child[i].nodeName == &#text& && !/\s/.test(elem_child.nodeValue))
{elem.removeChild(elem_child)
上述函数遍历子元素，当元素里面有节点类型是文本并且文本类型节点的节点值是空的。就把他删除。
nodeNames可以得到一个节点的节点类型，/\s/是非空字符在JS里的正则表达式。前面加！,则表示是空字符
test() 方法用于检测一个字符串是否匹配某个模式.语法是： RegExpObject.test(string)
如果字符串 string 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。
nodeValue表示得到这个节点里的值。
removeChild则是删除元素的子元素。
之后，在调用子，父，兄，这些属性之前，调用上面的函数把空格清理一下就可以了
&div id=&test&&
&div&&/div&
&div&&/div&
function dom() {
var s= document.getElementById(&test&);
del_ff(s);&&& //清理空格
var chils= s.childN& //得到s的全部子节点
var par=s.parentN&& //得到s的父节点
var ns=s.nextS&& //获得s的下一个兄弟节点
var ps=s.previousS& //得到s的上一个兄弟节点
var fc=s.firstC&& //获得s的第一个子节点
var lc=s.lastC&& //获得s的最后一个子节点
}&/script&
下面介绍JQUERY的父，子，兄弟节点查找方法
jQuery.parent(expr)& 找父亲节点，可以传入expr进行过滤，比如$(&span&).parent()或者$(&span&).parent(&.class&)
jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素
jQuery.children(expr).返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点
jQuery.contents(),返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个
jQuery对象返回，children()则只会返回节点
jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点
jQuery.prevAll()，返回所有之前的兄弟节点
jQuery.next(),返回下一个兄弟节点，不是所有的兄弟节点
jQuery.nextAll()，返回所有之后的兄弟节点
jQuery.siblings(),返回兄弟姐妹节点，不分前后
jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如$(&p&),find(&span&),是从&p&元素开始找&span&,等同于$(&p span&)
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： 比如： &div id=&dom&& &div&&/div&&
一、获取父级元素
1、 parent([expr]):
获取指定元素的所有父级元素
&div id=&par_div&&&a id=&href_fir& href=&#&&href_fir&/a& &a id=&href_sec& href=&quot
var chils= s.childN //得到s的全部子节点
var par=s.parentN //得到s的父节点
var ns=s.nextS //获得s的下一个兄弟节点
var ps=s.previousS //得到s的上一个兄弟节点
var fc=s.firstC //获得s的第一个子节点
var lc=s.lastChi
在iframe子页面获取父页面元素
代码如下：
$.('#objld', parent.document);
在父页面获取iframe子页面的元素 代码如下：
$(&#objid&, document.iframes('iframe').document)
$(document.getElement
我们在实际的开发当中经常要获取页面中某个html元素，动态的更新该元素的样式、内容属性等。 那么如何获取要更新的这些元素呢?用JavaScript获取这些节点的方法有很多种，下面是总结的一些方法.
1. 通过document节点获取： （1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有
一、获取子节点
比如是一个 id 为 test 的 div元素，我们这样选中，$('#test')，我们要查找这个div下的一个class为demo的span元素，有一下几种方法 1、使用筛选条件
$('#test span.demo')
2、使用find()函数
$('#test').find('span.demo')
3、使用children()函数
$('#test').chil
1. jquery 在iframe子页面获取父页面元素代码如下: $(&#objid&, parent.document) 2. jquery在父页面 获取iframe子页面的元素 代码如下: $(&#objid&,document.frames('iframename').document) 3.js 在iframe子页面获取父页面元素代码如下: indo
var obj=document.getElementById(&id&);得到的是dom对象，对该对象进行操作的时候使用js方法 var obj=$(&#id&);得到的是jquery对象，对该对象进行操作的时候使用jquery方法 1.对于上面获得的对象进行遍历 (1).js方法 for(vat i=0;j&obj.i++
如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）：
1. 通过顶层document节点获取：
获取指定元素的兄弟元素时，可以使用adjacent sibling combinator (+)，其中+的两侧内容都是selector expression. 如果要获取下例中所有的 h1的直接兄弟元素h2
&div& &h1&Main title&/h1& &h2&Section title&/h2& &p&
如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）
1. 通过顶层document节点获取： （1） document.getElementByI
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素
1、 格式：window.frames[&iframe的name值&].document.getElementByIdx_x(&iframe中控件的ID&).click(); 实例：w
jquery中jquery.offset().top / left用于获取div距离窗口的距离，jquery.position().top / left 用于获取距离父级div的距离（必须是绝对定位的div）。 （1）先介绍jquery.offset().top / left css：
*{ margin: 0 padding: 0 } div{ margin:
调用当前栏目分类及子分类和三级分类是程序设计里常用的方法，本文就来详细讲述destoon实现调用当前栏目分类及子分类和三级分类的方法。具体操作如下： 在destoon中提供了如下的调用语句： 一级分类名：
{$m[catname]}
二级分类名：
{$c[catname]}
三级分类名：
{$b[catname]}
具体调用示例如下： 一、直接调用分类名称和链接：
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS与可以实现。 第一、在iframe中查找父页面元素的方法：$('#id', window.parent.document) 第二、在父页面中获取iframe中的元素方法：$(this).contents().find(&#suggestBox&) 第三、在iframe中调用父页面中定义
1、父页面中的iframe
&iframe name=&parentPage&&&/iframe&
2、子页面中元素的属性
&input type=&text& id=&date& data-dojo-type=&dijit/form/DateText
对于下面的html片段，
&div id=&text_test&&test text&a href=&& rel=&external nofollow& &techbrood co.&/a&&/div&
获取节点纯文本：
var text = $('#te
extjs 如图，实现带有复选框的树,选中父节点时，选中所有子节点。取消所有子节点时，才能取消根节点。
var Fpanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:new Ext.t
表结构 二级或多级联动主要是以数据库中具有父编号的表为基础，这个也不例外 id,parent_id,name 三列。
采用js操作 先说下数据在js中的存储方式。 主要用二维数组来存储数据。结构如下： a[父编号]=[[子编号1，子名称1],[子编号2，子名称2],[子编号3，子名称3],……]; 首先用父编号获取所有的子数据，在把子数据的编号及名称绑定在dropdown中
第一步 二级联
令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取： （1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。 如今，已经
简介：mysql5.0.94版本，该版本以及较高级的版本（5.5、6等等）尚未支持循环递归查询，和sqlserver、oracle相比，mysql难于在树状表中层层遍历的子节点。本程序重点参考了下面的资料，写了两个sql存储过程，子节点查询算是照搬了，父节点查询是逆思维弄的。
表结构和表数据就不公示了，查询的表user_role，主键是id，每条记录有parentid字段（对应该记录的父节点，当
1、JavaScript方法：document.getElementById(&id&).innerHTML;
（1）实例说明
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/
本文实例讲述了js父页面与子页面不同时显示的方法，可实现打开一个页面后，父页面DISABLE，在子页面关闭后，父页面ENABLE。分享给大家供大家参考。具体方法如下：
function onNewClick()
var url = &VesselScheduleNEW.aspx&;
今天弄了一天了，终于在网上找到了解决办法 注意：问题是在父页面调用子页面的方法。。。。。 父页面：parent.html
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit
(&#父窗口元素ID&,window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x(&父窗口元素ID&)；取父窗口的元素方法：$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用：$(selector,
在Web应用程序特别是Web2.0程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取： （1） document.getElementById(element
在javascript中对文档中每个节点都有
parentNode――父节点
firstChild――第一个子节点
lastChild――最后一个子节点
previousSibling――紧挨着的前面的兄弟节点
nextSibling――紧挨着的后面的兄弟节点
五个相关的节点，这些节点可以不存在，为null。例如document就不包含父节点，文本节点（TextNode）就不包含子节点
首先，我们必须正确的理解什么是子元素．比如我们在网页里写了一个span标签． 并且在span里写入文本内容：＂欢迎光临脚本之家＂，那么这个文本内容就是span的子元素．相同，如果span被某个div所包含．那么span就是该div的子元素．看下面这段代码：
&html& &head&&title&正确认识子元素&/title&&/head&
//@获取子栏目ID号 private function sonCategoryIds($categoryID) { //@初始化栏目数组 $array[] = $categoryID;
do { $ids = ''; $temp = $this-&mysql-&select('SELECT `id` FROM `pcb_article_category` WHERE
$(&#父窗口元素ID&,window.parent.document);
对应javascript版本为window.parent.document.getElementByIdx_x(&父窗口元素ID&)； 取父窗口的元素方法：$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用：$(select
在js中，我们时常用到用iframe做系统框架，在子页面也，父页面之间的值传递是一个问题，下面是js获取父窗体和子窗体的对象js：1.在iframe子页面中获取父页面的元素： a&window.parent.document这个是获取父页面document中的对象； b&如果要获取父页面js中的方法：window.parent.xxxx()；xxxx()为方法； 2.在父页面中获取if
[索引页][源码下载]
稳扎稳打Silverlight(64) - 5.0绑定之 Style 中的 Setter 支持绑定, 绑定父级链上的元素, 隐式指定数据模板, UI 上数据更新的触发方式
作者：webabcd介绍Silverlight 5.0绑定
StyleSetter - Style 中的 Setter 支持绑定 AncestorRelativeSource - 绑定父
经过自己一晚上尝试，貌似找到了一个方法。 现在脑袋还糊涂，先记下来，以后再分析。
// 找到子元素在父元素中的相对位置 function getElementTop(element){ var el = (typeof element == &string&) ? document.getElementById(element) : if
父页面代码
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&& &html xmlns=&http://www.w3.
使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆，这里统一总结了一下，以后用起来相信会方便好多
这里jquery向上查找父元素 用到的方法：closest() parents() parent()
向下查找子元素 用到的方法：find() children()
js用的是 children[] 属性
&!DOCTYPE ht
&input id=&username&type=&text& /& &scripttype=&text/javascript&& var count = 1; &/script&
--------------------------------------------
// 添加子节点前 删除所有子节点
var usernameEle = document.getElementById(&username&); var childs = usernameEle.childN
for(var i = childs.length - 1; i &= 0; i--) {
usernameEle.removeC
除IE外的浏览器是将换行符作为内容的文本节点(nodeType为3)。而元素的话，nodeType为1。下面是查找它们的实用方法：
lastSibling:function(node){ var tempObj = node.parentNode.lastC while(tempObj.nodeType!=1 && tempObj.previousS
jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$(&span&).parent()或者$(&span&).parent(&.class&)
jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素
jQuery.children(
1.在iframe子页面中获取父页面的元素：
a&window.parent.document这个是获取父页面document中的对象；
b&如果要获取父页面js中的方法：window.parent.xxxx（）；xxxx()为方法； 2.在父页面中获取iframe子页面中的元素：js与jquery获取父元素,删除子元素的两种不同方法
var obj=document.getElementById("id");得到的是dom对象，对该对象进行操作的时候使用js方法
var obj=$("#id");得到的是jquery对象，对该对象进行操作的时候使用jquery方法
1.对于上面获得的对象进行遍历
(1).js方法& for(vat i=0;j&obj.i++){ obj[i] 来获得对应的某一个元素}
(2).jquery方法& $(“#id”).each(function(){ $(this) 来获得对应的某一个元素});
2.获取满足条件的元素的父元素
(1).js方法：var o=obj[i].parentNode
(2).jquery方法：var o=$(this).parent()
2.得到父元素后，可以删除该父元素的子元素
(1).js方法：o.removeChild(obj[i]);
(2).jquery方法：o.empty()
顶一下(0) 踩一下(0)
热门标签：扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口