在没有JQuery的情况下更改IFrame中的文本

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对象的<iframe>属性获取内部文档。

然后，您可以像querySelector一样调用常规方法。