js怎么在当前页面获取iframe中的元素

js怎么在当前页面获取iframe中的元素,第1张

首先你要能获取到这个iframe的dom对象,假设我们知道它的ID;

var frame = documentgetElementById("ueditor_0");

var frameDocument = framecontentWindowdocument;

iframe中的document对象拿到了,后边如何获取你想要的元素就很简单了吧。

<iframe id="iframeview1" name="iframeview1" src="LLnputjspisNew=0>"

frameborder="0" marginwidth="-10" scrolling="no">

</iframe>

你给iframe加个id和name使用起来不就方便了吗

jquery直接就$("#iframeview1")height(pageHeight);可以做相关设置了

js获取html元素的方式

+通过ID获取:getElementById('id属性值')

+通过标签名:getElementsByTagName('标签名')

+通过类名:getElementsByClassName('类名')

+通过name属性:getElementsByName('name属性值')

+通过选择器获取一个元素:querySelector

+通过选择器获取一组元素:querySelectorAll

1获取id值为d1的html元素

将获取到的html元素称为DOM节点对象,必须传参数,参数是string类型,是获取元素的id。返回值只获取到一个元素,没有找到返回null。

2通过标签名:getElementsByTagName('标签名')

参数是是获取元素的标签名属性,不区分大小写,根据标签名获取html元素, 返回的是一个数组(伪数组) 

通过类名:getElementsByClassName('类名')

参数是元素的类名,返回值是一个类数组,没有找到返回空数组。

通过类名:getElementsByClassName('类名')

必须传参数,参数是是获取元素的name属性,返回值是一个类数组,没有找到返回空数组。

通过选择器获取一个元素:querySelector

参数是选择器,返回值只获取到第一个元素。

通过选择器获取一组元素:querySelectorAll

参数是选择器,返回值是一个数组。

<html>

<body>

<select id="tt" >

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

</select>

</body>

<script>

var selObj = documentgetElementById("tt");

for(var i=0,j=selObjoptionslength;i<j;i++){

documentwriteln('text:'+selObjoptions[i]text +' value:'+ selObjoptions[i]value+'<br/>');

}

</script>

</html>

这样子?望采纳!

你是说 efromElement 和 erelatedTarget

relatedTarget 看这里:

>

思路:用getElementsByTagName方法来实现。

片断代码如下:

<html>

<head>

<script type="text/javascript">

function getElements()

  {

  var x=documentgetElementsByTagName("input");

  alert(xlength);

  }

</script>

</head>

<body>

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

<br />

<input type="button" onclick="getElements()" value="How many input elements" />

</body>

</html>

效果图如下:

定义和用法

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

两种方式:

第一种纯js,使用递归:

<script>

/

第一个参数为页面元素对象或者数组

第二个参数为回调函数回调函数默认传递一个函数,即当前对象

/

function Each(obj,fun){

if('function'!==typeof(fun) || !obj){

return false;

}

if('undefined'!==typeof(objlength)){

for(var i=0;i<objlength;i++){

var o=obj[i];var r=fun(o)||true;

if(r===true){

r=Each(ochildren,fun);

if(!r) return false;

}

}

}else{

var r=fun(obj)||true;

if(r===true){

r=Each(objchildren,fun);

if(!r) return false;

}

}

}

</script>

用法:

//

Each(documentgetElementsByTagName("body"),function(obj){

if(objnodeName==="UL")//obj为当前遍历到的对象

return false;//如果返回false就会停止遍历

alert(objnodeName);

});

第二种方法,使用jquery:

$("body ")each(function(i, obj){

alert( "Item #" + i + ": " + obj );

});

以上就是关于js怎么在当前页面获取iframe中的元素全部的内容,包括:js怎么在当前页面获取iframe中的元素、重赏!!js如何获取子元素的object HTMLIFrameElement 对象、js获取html元素的方式等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9512876.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存