文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用jquery将css添加到iframe中？

问如何使用jquery将css添加到iframe中？
EN

Stack Overflow用户

提问于 2019-04-14 01:45:26

回答 2查看 91关注 0票数 0

我正在尝试使用jquery将CSS(width:100%)添加到iframe中。但是我不知道我哪里做错了。我尝试了下面提到的代码，使用jquery在iframe中添加CSS。HTML文件

     <div class="col-md-12">

       <div class="page-content ask-question" style="margin-top: 5px;">

           <div id="preview-container" style="height: 342px;">

           </div>

       </div>
   </div>

Jquery代码

$('.ace_text-input').keyup(function(e) {

delay(function(){
    var html1 = buildSource(html, js, css);
    var iframe = document.createElement('iframe');

    iframe.src = 'about:blank';
    iframe.frameBorder="0";
      iframe.height = 496;
      iframe.css='width:100%;';
    iframe.className = 'preview-iframe';

    $('.preview-iframe').remove();
    $('div#preview-container').append(iframe);

    iframe.contentWindow.document.open('text/html', 'replace');
    iframe.contentWindow.document.write(html1);
    iframe.contentWindow.document.close();
},1000);
});

html

iframe

javascript

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-04-14 02:24:55

而不是

iframe.css='width:100%;';

我写这篇文章

iframe.setAttribute( "Style", "width : 100%;");

票数 0

Stack Overflow用户

发布于 2019-04-14 02:15:37

您可以使用Javascript对元素应用width。查看下面的代码片段。谢谢

var iframe = document.createElement('iframe').style.width = "100%";

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55668252

复制

相似问题

问如何使用jquery将css添加到iframe中？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery将css添加到iframe中？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery将css添加到iframe中？
EN