2动态创建表格
<head>
<title></title>
<script type="text/javascript">
function LoadData() {
var data = { "百度": "http://baidu.com", "新浪": "http://www.sina.com", "传智播客": "http://www.itcast.cn" };
var tableLinks2 = document.getElementById("tableLinks2");//获得表对象
for(var key in data){//KEY取得“百度新浪传智播客
var value = data[key];//取得网址
var tr = tableLinks2.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="tableLinks2">
</table>
<input type="button" value="加载数据2" onclick="LoadData()" />
</body>
</html>
3.点评刷新
<head>
<title>无刷新帖子</title>
<script type="text/javascript">
function AddComment() {
var nickname = document.getElementById("nickname").value;//取得昵称的值
var comment = document.getElementById("comment").value;//取得品论的值
var tableComment = document.getElementById("tableComment");//获得表格的对象
var tr = document.createElement("tr");//建立一行
var tdNickName = document.createElement("td");//建立一列
tdNickName.innerText = nickname;//给表中的列赋值
tr.appendChild(tdNickName);//将列加载到行中
var tdComment = document.createElement("td");//建立一列
tdComment.innerText = comment;//将品论值给列
tr.appendChild(tdComment);//将列加载到行中
tableComment.tBodies[0].appendChild(tr);//将行赋值到表
//注意.tBodies[0].appendChild(tr)
}
</script>
</head>
<body>
伟大、、、、、、、、伟大、、、、、、、、伟大、、、、、、、、伟大、、、、、、、、
伟大、、、、、、、、伟大、、、、、、、、伟大、、、、、、、、伟大、、、、、、、、
伟大、、、、、、、、伟大、、、、、、、、伟大、、、、、、、、
伟大、、、、、、、、伟大、、、、、、、、伟大、、、、、、、、
<p>评论区</p>
<table id="tableComment">
<tbody> <!--注意动态给列赋值时要加tbody-->
<tr><td>猫猫</td><td>板凳</td></tr>
