Изменение текста в IFrame без JQuery

Question

Плетение: http://kodeweave.sourceforge.net/editor/#f6d9a54288f17fb68a8b234ec364dc41

Я люблю JQuery, я делаю, но просто для удовольствия, я хотел бы узнать, как написать в чистом/ваниль JS.

$("iframe").contents().find("<style>").html(cssEditor.value)) 

Answer 1

Что-то, как это должно работать:

document 
    .getElementsByTagName('iframe')[0] 
     .contentDocument 
      .getElementsByTagName('style')[0] 
       .innerHTML = cssEditor.value; 

Answer 2

Используйте contentDocument свойство объекта DOM, чтобы получить внутренний документ.

Затем вы можете вызвать обычные методы на нем, как querySelector.