如何修改iframe内的页面的元素的样式。。。。

方法一:

直接通过设置backgroundColor的颜色即可:<!DOCTYPE html><html><head><script>function changeStyle(){var x=document.getElementById("myframe");var y=(x.contentWindow || x.contentDocument);if (y.document)y=y.document;y.body.style.backgroundColor="#0000ff";}</script></head><body><iframe id="myframe" src="demo_iframe.htm"><p>Your browser does not support iframes.</p></iframe><br><br><input type="button" onclick="changeStyle()"value="Change background color"></body></html>

方法二:

<script>

    function hideImg(i) {

        var imgs = i.contentWindow.document.getElementsByTagName(‘img‘);

        for(var i=0;i<imgs.length;i++)imgs[i].style.display=‘none‘

    }

</script>

<iframe 

借用三:

http://blog.csdn.net/kaidishi/article/details/44588423

时间: 2024-08-10 07:17:31

如何修改iframe内的页面的元素的样式。。。。的相关文章

如何修改iframe内的页面的元素的样式

window.onload = function(){    var _iframe = document.getElementById('iframe').contentWindow.document.getElementById('license_title')   //get iframe下的id    _iframe.style.display= "none";  //修改样式 } 原文地址:https://www.cnblogs.com/wangxueying/p/89452

Python3.x:获取iframe内嵌页面的源码

Python3.x:获取iframe内嵌页面的源码 前言 在一些网页中经常会看到ifrmae/frame标签,iframe是嵌入式框架一般用来在已有的页面中嵌入另一个页面,当一个元素在iframe里时我们应该先切换到iframe里面. 语法 1.进入iframe iframe = self.driver.find_element_by_xpath("//iframe[contains(@src,'https://************/auth?e_p=1&response_type=

whistle——真机移动端页面调试【查看、修改真机端的页面DOM结构及样式】

1.查看.修改真机端的页面DOM结构及样式[参考——https://imweb.io/topic/5981a34bf8b6c96352a59401]: 1.0.需要配置的rule——域名 weinre://随便某个分类命名[如:wq.jd.com weinre://test2——test2只是作为weinre的分类,防止一个weinre调试页面出现太多的连接]: 1.1.真机上访问某个页面,如访问微信下的发现>购物页面: 1.2.点击weinre下的,刚创建的分类test2,跳到http://1

iframe内嵌页面——跨域通讯

  <template> <div class="act-form"> <iframe :src="src" ref="iframe" frameborder="no" align="middle" width="100%" height="600px" scrolling="auto" /> <el-bu

如何修改没有提供对应属性的元素的样式

当我想要修改单选列表前面圆圈的样式时,我发现HTML并没有为其提供可修改的属性.使用以下方法可以为任何没有提供对应属性的元素修改其样式. <label> <input type="radio" name='group' class="hidden-input" /> <span class="your style about checkbox">记住我</span> </label> &

iframe调用父页面js函数 方法 元素

在一个页面中添加iframe,但是有时需要与父页面进行通信,传递参数. 网上总结有以下方法: 一.iframe标签中   src属性传参 <iframe src="test.jsp?id=xxx">    通过get方法,添加在页面后面传递参数,如上的“id” 二.iframe调用父页面html元素 在iframe中,通过“window.parent.document.getElementById()” ,即可访问父页面中的元素 三.iframe调用父页面函数  windo

(转)iframe刷新父页面

iframe页面是内嵌到父页面的,当点击iframe页面的服务器控件时,默认只刷新iframe页面,父页面是不会刷新的.若想刷新父页面,可以使用js来实现,如 1. parent.location.reload(); 这种方法会重新加载整个页面.但如果要在原页面的基础上传递参数,则可以使用下面的方法: 2.top.document.location.href='xxx.aspx?id=xx'. 但这两种方法都有一个共同的缺点,就是iframe内嵌页面的状态不会保存了,刷新后会重新回到第一次加载的

[转]内嵌页面iframe以及和其兄弟iframe的相互传值

原文出处 iframe的调用包括以下几个方面:(调用包含html dom,js全局变量,js方法) 主页面调用iframe: iframe页面调用主页面: 主页面的包含的iframe之间相互调用: 主要知识点 1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了: 2:$("#ii")[0].co

.NET前后台-JS获取/设置iframe内对象元素并进行数据处理

转载请注明出处:果冻栋吖 这个主要是修改H3BPM一个批量审批的功能时候做的.先看下图: H3自带了批量审批的功能,也就是按钮1,有审批意见3,但是如果3里边不填写内容点击1之后,效果就是表单里边没有任何内容.其次可以依次点击每个表单的提交按钮进行提交.会提交对应的审批意见.现在的需求是:增加一个按钮,但是需要提交所有流程的审批内容,因为他们并不可能完全一样.也就是这里的2. 前台HTML代码: <asp:LinkButton ID="btnApproveone" runat=&