javascriptの変数に入ったhtmlのコードをiframeで表示したい。

Question

前提・実現したいこと

codeという変数にhtmlのコードが入っているためそれをiframeで表示したい。

該当のソースコード

<input type="button" value="実行" onclick="OnButtonClick();"/><br />
<div id="output"><iframe src="" id="ifr" width="400" height="370" scrolling="no" frameborder="0"></iframe></div>

function OnButtonClick(){
        target = document.getElementById("output");
        var code = editor.getValue();
        console.log(code);
        
        document.getElementById("ifr").src=code;
}

試したこと

src属性にcodeという変数を入れたが移動,編集,削除された可能性がありますと言われた。

Answer 1

        document.getElementById("ifr").src=code;

ここを、以下のようにすれば動きそうです。

        document.getElementById("ifr").removeAttribute("src");
        document.getElementById("ifr").srcdoc = code;

Comments

[jam79iy]

できました。
srcdocというものがあるんですね。
回答ありがとうございました。