JavaScript或jquery获取frame的元素的值

query取得iframe中元素的几种方法

在iframe子页面获取父页面元素

代码如下:

$('#objId', parentdocument);

// 搞定

在父页面 获取iframe子页面的元素

代码如下:

$("#objid",documentframes('iframename')document)

$(documentgetElementById('iframeId')contentWindowdocumentbody)html()

显示iframe中body元素的内容。

$("#testId", documentframes("iframename")document)html();

根据iframename取得其中ID为"testId"元素

$(windowframes["iframeName"]document)find("#testId")html()

用JS或jQuery访问页面内的iframe,兼容IE/FF

注意:框架内的页面是不能跨域的!

假设有两个页面,在相同域下

indexhtml 文件内含有一个iframe:

XML/HTML代码

">

2然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。

3通过value属性我们可以获得用户在input中输入的内容，如下图所示。

4下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。

5创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。

6接下来就是获取ul元素了，如下图所示，仍然用getElementById方法。

7最后通过调用appendChild方法将创建的li元素添加到ul列表中，如下图所示。

可以做一个设想，如果dom节点的删除不通过父节点来寻找字节点，那么就需要每一个dom元素都有一个id，这样才能找到这个节点。

如果真的每一个元素都有一个id，那么每次删除元素都要遍历整个文档以搜寻到这个id所对应的元素。

而就目前的dom结构，指定了父元素之后，遍历的范围就会限制在父元素所包含的范围内，速度无疑更快。

$("span")click(function(){

alert($(this)index()+1);

});

index()返回该元素的索引值，可表示该span属于其父元素<div>中的第几个子元素。

//取位置属性方法不对

function position(){

var obj=documentgetElementById("gg")offsetTop;

//使用offsetTop

alert(top);

//var position=documentdocumentElementscrollTop;

//alert(position+top);

//documentgetElementById("bg")styletop=top+position+“px”;

//兼容性后面必须加上px(单位)

}

javascript中获得元素个数用的函数是length属性，也就是在获取的dom元素的时候返回dom的个数。比如documentgetElementsByTagName('div')length;这样就获得了div的个数，那么，要获得子元素的个数，同样的用哪个length就可以完成，只不过，需要指定父元素，比如：var father=documentgetElementById('divid');从father中获得子元素个数：fathergetElementsByTagName('a')length;这样就能获取到father中a元素的个数了。

以上就是关于JavaScript或jquery获取frame的元素的值全部的内容，包括:JavaScript或jquery获取frame的元素的值、如何用js在页面中添加元素、javascript dom怎么样知道当前节点在父节点中是第几个节点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！