版权声明:本文为博主原创文章,遵循 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>
<script type="text/javascript">
window.onload = function () {
var table = document.createElement('table');
table.border = '1px';
table.width = '300px';
var tr = document.createElement('tr');
var td1 = document.createElement('td');
var td2 = document.createElement('td');
td1.innerHTML = '猫猫:';
td2.innerHTML = '沙发耶!';
tr.appendChild(td1);
tr.appendChild(td2);
table.appendChild(tr);
document.body.appendChild(table);
var label = document.createElement('label');
label.innerText = '昵称:';
document.body.appendChild(label);
var txtBox = document.createElement('input');
txtBox.type = 'text';
document.body.appendChild(txtBox);
var txtArea = document.createElement('textarea');
var div = document.createElement('div');//创建一个块级元素
div.appendChild(txtArea);
document.body.appendChild(div);
var btn = document.createElement('button');
btn.innerText = '评论';
document.body.appendChild(btn);
btn.onclick = function () {
var td3 = document.createElement('td');
var td4 = document.createElement('td');
td3.innerText = txtBox.value;
td4.innerText = txtArea.value;
var tr2 = document.createElement('tr');
tr2.appendChild(td3);
tr2.appendChild(td4);
table.appendChild(tr2);
};
};
</script>
</body>
</html>