如何修改iframe里面元素样式

柔情只为你懂 2023-02-22 12:09 105阅读 0赞

我忘了具体是哪位道友得的我灵感的得了，我找不到你的网址了。在此谢过。。。

iframe 文档 

  1. <iframe id="iframes"> </iframe>

第一步获得iframe文档的document

  1. var x=document.getElementById("iframes");
  2.         var y=(x.contentWindow || x.contentDocument);
  3.         if (y.document)y=y.document;

第二步修改元素

  • 查找元素然后修改

    y.body.getElementsByClassName(‘元素class’)[0].style.fontSize = ‘14px’
    //id和class获取方式有一点点区别
    y.getElementById(‘元素id’).style.fontSize = ‘12px’

  • 向内部添加class样式

  1. 在vue的template里添加以下代码

  2. 进行添加操作的代码

    document.getElementById(‘div’).innerHTML = <style>.area{ height:28px} </style>
    let divs = document.getElementById(‘div’)
    y.body.appendChild(divs)

发表评论

表情：
评论列表 （有 0 条评论，105人围观）

还没有评论，来说两句吧...

相关阅读

    相关 iframe元素

    iframe元素 通常用于在网页中嵌入另一个页面 iframe 可替换元素 1. 通常行盒 2. 通常显示的内容取决于元素的属性 3. CSS不能完全控制其中的

    喜欢ヅ旅行喜欢ヅ旅行/ 0 赞/ 82 阅读