首頁 >web前端 >js教程 >將文字輸入框內容加入表中的js程式碼_javascript技巧

將文字輸入框內容加入表中的js程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:25:251184瀏覽
複製程式碼如下碼:




表格處理.html







頭>







表格>






;
;












表>
身體>

document.getElementById("提交"). onclick=function(){
//alert("成功");
//取得輸入節點
var nameElement=document.getElementById("iname");
var emailElement=document.getElementById("iname");
var emailElement=document.getElementById ("iemail");
varaddresssElement=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.appendChildldtrNode.append (emailNode);
trNode.appendChild(addressNode);
var nametextNode=document.createTextNode(nameElement.value);
var emailtextNode=document.createTextNodeNode(email.value)
document.createTextNode(addresssElement.value);
nameNode.appendChild(nametextNode);
emailNode.appendChild(emailtextNode);
addressNode.appendChild(addresstext| /腳本>



姓名郵箱地址
jzy 359@qq.com 重慶
jzy 359@qq.com 重慶
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn