首先你要能获取到这个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元素的方式等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)