js怎么获取iframe页面中的dom元素

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

原理就是先在当前页面中找到你的Iframe对象

var

oframe

=

documentgetElementById("iframe");

再将iframe对象看着是另一个页面的文本对象

var

childDome

=

oframedocumentgetElementById("H");

简洁点的就是:documentgetElementById("iframe")documentgetElementById("H");

或者是:documentgetElementById("Result")contentWindowdocumentgetElementById("h");

一、问题阐述根据页面上h:selectOneMenu所选的选项,利用js和css来控制页面上另一组件的显示二、代码1页面代码<html<head<script type="text/javascript"function load(){var selectComp=documentgetElementById("selectComp");ifShowDiv(selectComp);}</script</head<body onload="load()"<h:selectOneMenu id="selectComp" value="#{backbeanifShow}" style="width:280px;" onchange="ifShowDiv(this);"<f:selectItem itemValue="show" itemLabel="show"/<f:selectItem itemValue="dont show" itemLabel="dont show"/</h:selectOneMenu<div id="info"show the info here</div</body</html2js代码方法一 得到label值function ifShowDiv(obj){var selectedLabel=objoptions[objselectedIndex]text;if(selectedLabel=="show"){documentgetElementById("info")styledisplay='';}else{documentgetElementById("info")styledisplay='none';}}方法二 得到value值function ifShowDiv(obj){var selectedbValue=objvalue;if(selectedbValue=="show"){documentgetElementById("info")styledisplay='';}else{documentgetElementById("info")styledisplay='none';}}三、注意1在select的value值不确定的情况下,方法一可以直接得到所选中的label值。

<span id="span">

<span style="color: rgb(229, 51, 51);">2132131321</span>

</span>

var span = documentgetElementById("span")innerHTML;

jquery:

var span = $("#span")html();

扩展资料

<p><span>some text</span>some other text</p>

如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。

<span>在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果。<span>本身没有任何属性,<span> 标签支持HTML 的全局属性和事件属性。

可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。可以对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

参考资料:

百度百科 span标签

百度百科 HTML

要js能取到你必须把beanmonth放到html标签中,如放在span中

<h:outputText value="#<span id='aa'>{beanmonth}</span>" id="months"/>

然后js:

documentgetElementById("aa")innerHTML

对于“value="#<span id='aa'>{beanmonth}</span>" ”我不知道这样写符不符合jsp的语法,不过你应该知道我的意思,就是想页面最后能输出<span id='aa'>beanmonth的值</span>,如果语法错误,你改成正确的语法

可以这样:

<td name='fff"+wjxtgetId()+"' onclick="change(wjxtgetId())">

把id传进去

然后在JavaScript的

function change(id){

var obj=documentgetElementById('ff'+wjxtgetId())value;

//do something

}

是这样 由于<h>元素是不能自身嵌套的 这违反了w3c的标准 所以js中是获取不到嵌套的h2的

那为什么d出是1呢

因为元素的文本节点也是他的子元素,所以d出的是1;

那么为什么第二个可以呢?

因为div是可以嵌套自身的,所以获取到子元素div,外加一个文本节点

所以是2

你不信可以把h2变成div 那么同样会d出2

在angularjs中获取元素的id的方法:

<div id="{{ 'object-' + myScopeObjectindex }}"></div>

这样实际解析后的代码:

<div id="object-1"></div>

这样的id就可以通过document获取了。

以上就是关于js怎么获取iframe页面中的dom元素全部的内容,包括:js怎么获取iframe页面中的dom元素、如何利用js得到h:selectOneMenu所选中的label值或value值、js获取HTML中<span></span>标签中的内容包括<span>等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9629441.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存