?? sample5_1.htm
字號:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<script language="javascript">
function insertStr() {
var f = document.form1;
var value = f.str.value;
if(value!="") {
// 從最終的TextNode節點開始,慢慢形成<tbody>結構
var text = document.createTextNode(value); //新建一個TextNode節點
var td = document.createElement("td"); //新建一個td類型的Element節點
var tr = document.createElement("tr"); //新建一個tr類型的Element節點
var tbody = document.createElement("tbody"); //新建一個tbody類型的Element節點
td.appendChild(text); //將節點text加入td中
tr.appendChild(td); //將節點td加入tr中
tbody.appendChild(tr); //將節點tr加入tbody中
var parNode = document.getElementById("table1"); //定位到table上
parNode.insertBefore(tbody,parNode.firstChild); //將節點tbody插入到節點頂部
//parNode.appendChild(tbody); //將節點tbody加入節點尾部
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input name="str" type="text" id="str" value="">
<input name="insert" type="button" id="insert" value="留言" onClick="insertStr()">
</form>
<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">
<tbody>
<tr>
<td height="25">網友留言列表:</td>
</tr>
</tbody>
</table>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -