Как добавить CSS с помощью JQuery в IFRAME?

Question

Я пытаюсь добавить CSS(width:100%), используя jquery, в iframe. Но не знаю, где я делаю неправильно. Я попробовал приведенный ниже код, чтобы добавить CSS в iframe, используя jquery. 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);
});

Answer 1

вместо

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

Я пишу это

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

Answer 2

Вы можете применить width к элементу, используя Javascript Просмотрите приведенный ниже фрагмент кода. Спасибо

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