版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<table id="table1" border="1">
<tr>
<td>猫猫:</td>
<td>沙发耶!</td>
</tr>
</table>
<label>昵称:</label>
<input id="txt1"/>
<div>
<textarea id="txt2"></textarea>
</div>
<button id="btn">评论</button>
<script type="text/javascript">
window.onload = function () {
document.getElementById('btn').onclick = function () {
var userName = document.getElementById('txt1').value;
var comment = document.getElementById('txt2').value;
var table = document.getElementById('table1');
var tr = table.insertRow(-1);
tr.insertCell(-1).innerHTML = userName+':';
tr.insertCell(-1).innerHTML = comment;
};
};
</script>
</body>
</html>