js如何动态添加table到另一个html页面

我这里firefox，ie11都没有问题，chrome通过http访问也没有问题

 <iframe id="rightFrame" height="300" width="100%" src="x.html"></iframe>
<input type="button" value="addRow" onclick="addRow()" />
<script>
    function addRow() {
        var topWin = top.document.getElementById('rightFrame').contentWindow;
        var list2 = topWin.document.getElementById('planTable');
        console.log(list2)
        var l = list2.rows.length;
        for (var i2 = l - 1; i2 >= 0; i2--) list2.deleteRow(i2);
        var row = list2.insertRow(list2.rows.length);
        var cell = row.insertCell(0);
        cell.innerHTML = '11';
        cell = row.insertCell(1);
        cell.innerHTML = '22'
        cell = row.insertCell(2);
        cell.innerHTML = new Date().getTime()

    }
</script>
x.html


<table id="planTable" border="1"></table>