DOM方式动态加载数据
使用?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>
總結
以上是生活随笔為你收集整理的DOM方式动态加载数据的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: document的createEleme
- 下一篇: DOM的appendchild在IE6、