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