DOM方式动态加载数据

最新推荐文章于 2020-09-08 16:41:48 发布

胖胖爱家

最新推荐文章于 2020-09-08 16:41:48 发布

阅读量535

点赞数

分类专栏： js / jq / vue 文章标签： javascript button function ie 百度

本文链接：https://blog.csdn.net/yual365/article/details/6776725

版权

js / jq / vue 专栏收录该内容

85 篇文章 0 订阅

订阅专栏

使用 DOM的appendchild在IE6、7下是不兼容，可以使用insertRow代替appendchild在IE6 7 8和火狐中就可以使用了。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript">
        function btn123(){
            var data={"百度":"http://www.baidu.com","新浪":"http://sina.com.cn"};
            var link1=document.getElementById("tablelinks");
            for(var key in data){
                var value=data[key];
                var tr=link1.insertRow(-1);
                var td1=tr.insertCell(-1);
                td1.innerText=key;

                var td2=tr.insertCell(-1);
                td2.innerHTML="<a href='"+value+"'>"+value+"</a>"
            }
        }
</script>

</head>
<body>
<table id="tablelinks"></table>
<input type=button value="加载数据" οnclick="btn123()"/>
</body>
</html>