DOM方式动态加载数据

来源:互联网 发布:linux 修改host 编辑:程序博客网 时间:2024/05/20 06:23
 

使用 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="加载数据"  onclick="btn123()"/>
</body>
</html>

原创粉丝点击