練習:js無重新整理評論
阿新 • • 發佈：2019-01-20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>無重新整理評論</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
function comment(){
var table=document.getElementById("re");
var nickName=document.getElementById("nickName");
var pinglun=document.getElementById("pinglun");
//建立tr
var tr=document.createElement("tr");
//建立td
var td0=document.createElement("td");
//載入nickName
td0.innerText=nickName.value;
//將td附加到tr上。
tr.appendChild(td0);
//建立td
var td1=document.createElement("td");
//pinglun
td1.innerText=pinglun.value;
//將td附加到tr上。
tr.appendChild(td1);
//將tr附加到table上。
table.appendChild(tr);
}
</script>
</head>
<body>
<p>
最新新聞
</p>
<tr>
<td>暱稱</td>
<td>評論</td>
</tr>
<table>
<hr />
暱稱:<input type="text" value="" id="nickName"/>
<br />
<br />
<textarea cols="50" rows="10" value="" id="pinglun">請輸入評論:</textarea>
<br>
<input type="button" value="評論" onclick="comment()">
</div>
</body>
</html>
<html>
<head>
<title>無重新整理評論</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
function comment(){
var table=document.getElementById("re");
var nickName=document.getElementById("nickName");
var pinglun=document.getElementById("pinglun");
//建立tr
var tr=document.createElement("tr");
//建立td
var td0=document.createElement("td");
//載入nickName
td0.innerText=nickName.value;
//將td附加到tr上。
tr.appendChild(td0);
//建立td
var td1=document.createElement("td");
//pinglun
td1.innerText=pinglun.value;
//將td附加到tr上。
tr.appendChild(td1);
//將tr附加到table上。
table.appendChild(tr);
}
</script>
</head>
<body>
<p>
最新新聞
</p>
<div>
評論:
<br>
<br>
<table id="re"><tr>
<td>暱稱</td>
<td>評論</td>
</tr>
<table>
<hr />
暱稱:<input type="text" value="" id="nickName"/>
<br />
<br />
<textarea cols="50" rows="10" value="" id="pinglun">請輸入評論:</textarea>
<br>
<input type="button" value="評論" onclick="comment()">
</div>
</body>
</html>