table_javascript スキルの js コードにテキスト入力ボックスの内容を追加します。

复制代代码如下:

< ;!DOCTYPE html>

<頭>

---

姓	邮箱	地址
jzy	359@qq.com	重庆
jzy	359@qq.com	重庆

document.getElementById("submit").onclick=function(){
//alert("success");
//获取入节点
var nameElement=document.getElementById("iname");
var emailElement=document.getElementById("iemail");
var addresssElement=document.getElementById("iaddress");

//创建表格节点
var trNode=document.createElement("tr");
var nameNode=document.createElement("td");
var emailNode=document.createElement("td");
var addressNode=document.createElement("td");

//表格中に追加作成された节点および文本の内容
var borderElement=document.getElementById("border");
borderElement.appendChild(trNode);
trNode.appendChild(nameNode);
trNode.appendChild(emailNode);
trNode.appendChild(addressNode);
var nametextNode=document.createTextNode(nameElement.value);
var emailtextNode=document.createTextNode(emailElement.value);
var addresstextNode=document.createTextNode(addresssElement.value);
nameNode.appendChild(nametextNode);
emailNode.appendChild(emailtextNode);
addressNode.appendChild(addresstextNode);

}