JavaScript中对dom的操作

1.js脚本：

function insertStrProfile() {    var frm = dojo.byId('main');    var name = frm.name.value;    var sex;    var radio = document.getElementsByName('sex');    for (var i = 0; i < radio.length; i ++) {        if(frm.sex[i].checked) {            sex = radio[i].value;        }    }    var age = frm.age.value;    var address = frm.address.value;        var txtName = document.createTextNode(name);    var txtSex = document.createTextNode(sex);    var txtAge = document.createTextNode(age);    var txtAddress = document.createTextNode(address);        var tdName = document.createElement("td");    var tdSex = document.createElement("td");    var tdAge = document.createElement("td");    var tdAddress = document.createElement("td");        var tr = document.createElement("tr");      tdName.appendChild(txtName);    tdSex.appendChild(txtSex);    tdAge.appendChild(txtAge);    tdAddress.appendChild(txtAddress);        tr.appendChild(tdName);    tr.appendChild(tdSex);    tr.appendChild(tdAge);    tr.appendChild(tdAddress);      var parNode = document.getElementById("tbProfile");    parNode.appendChild(tr);  }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2.HTML代码： 

<tr> <td><table width="50%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC"> <tr> <td width="29%" bgcolor="#EBEBEB">Name:</td> <td width="71%" bgcolor="#EBEBEB"><input type="text" name="name" /></td> </tr> <tr> <td bgcolor="#EBEBEB">Age:</td> <td bgcolor="#EBEBEB"><input type="text" name="age" /></td> </tr> <tr> <td bgcolor="#EBEBEB">Sex:</td> <td bgcolor="#EBEBEB"><input type="radio" name="sex" checked="checked" value="Male" /> Male <input type="radio" name="sex" value="Female" /> Female</td> </tr> <tr> <td bgcolor="#EBEBEB">Address:</td> <td bgcolor="#EBEBEB"><input type="text" name="address" /></td> </tr> <tr> <td colspan="2" bgcolor="#EBEBEB"><div align="right"> <input type="button" name="btnAddProfile" value="AddNew" onclick="insertStrProfile();" /> </div></td> </tr> </table></td> </tr>

3.展示效果：