Javascript iframe src页面添加动态输入不起作用

Question

我想在 div 内容 javascript 中添加输入，但它不添加HTML:<button onclick="Addcompntn();" class="btn btn-success">Add</button><iframe class="embed-responsive-item" src="index.html" allowfullscreen id="if1"></iframe>脚本：function Addcompntn() {    var framedeki = document.getElementById('if1').contentWindow.document;     $('example').append('<div id="innerdiv" style="color:white;"></div>');}索引.html<div id="example" style="z-index:2"> //dynamic data will come here </div>

Answer 1

尝试将元素添加到 iframe 文档主体：

function Addcompntn() {

    var framedeki = document.getElementById('if1').contentWindow.document;   

    var div = document.createElement("div");

    div.id = 'innerdiv';

    div.style.color = 'white';    

    framedeki.getElementById('example').append(div);

}