开发者社区> 问答> 正文

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

如题,页面是用的frame,想实现点击A页面的一个按钮实现B页面的table动态添加,

展开
收起
小旋风柴进 2016-03-16 10:23:45 3011 0
1 条回答
写回答
取消 提交回答
  • 我这里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>
    2019-07-17 19:03:30
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载