第一次使用DOM,经过几个月的开发实践,越来越觉得搞web开发就是搞js和css!
有些东西也走笼许多的弯路,把自己的心得拿出来和大家讨论哈,也希望大家不要走弯路.
var oTBody = document.createElement("tbody"); //创建一个tbody
table.appendChild(oTBody); //将tbody加到table中
var oTR = document.createElement("tr"); //创建一个tr
oTBody.appendChild(oTR); //将tr添加到tbody中
var oTD = document.createElement("td"); //创建一个td
var oIMG = document.createElement("img"); //创建一个img元素
oIMG.src = "/images/close.jpg"; //设置img的src属性
oIMG.alt = "删除"; //设置img的alt属性
oIMG.border = "0"; //设置img的border
oIMG.attachEvent("onclick",del()); //让img调用时间onclick,调用方法是del
var oINPut_b = document.createElement("<input name='radio"+i+"'>"); //创建一个input元素
oINPut_b.type = "radio"; //设置它的type
<!--
创建一个input元素,大家会觉得很奇怪,这里的radio为什么不像img那样写列
var oINPut_b = document.createElement("radio");
oINPut_b .name = "radio1"
我的想法和大家一样,可是现实告诉我input元素不能设置它的name属性,id等属性都可以!
于是上网查了半天,看见一篇文章说道,貌似火狐可以直接设置name,ie却需要在createElement的时候指定name
汗!
-->
oTD.appendChild(oIMG); //将img加到td中
oTR.appendChild(oTD); //将td加到tr中
table.appendChild(oTBody); //将tbody加到table中
var oTR = document.createElement("tr"); //创建一个tr
oTBody.appendChild(oTR); //将tr添加到tbody中
var oTD = document.createElement("td"); //创建一个td
var oIMG = document.createElement("img"); //创建一个img元素
oIMG.src = "/images/close.jpg"; //设置img的src属性
oIMG.alt = "删除"; //设置img的alt属性
oIMG.border = "0"; //设置img的border
oIMG.attachEvent("onclick",del()); //让img调用时间onclick,调用方法是del
var oINPut_b = document.createElement("<input name='radio"+i+"'>"); //创建一个input元素
oINPut_b.type = "radio"; //设置它的type
<!--
创建一个input元素,大家会觉得很奇怪,这里的radio为什么不像img那样写列
var oINPut_b = document.createElement("radio");
oINPut_b .name = "radio1"
我的想法和大家一样,可是现实告诉我input元素不能设置它的name属性,id等属性都可以!
于是上网查了半天,看见一篇文章说道,貌似火狐可以直接设置name,ie却需要在createElement的时候指定name
汗!
-->
oTD.appendChild(oIMG); //将img加到td中
oTR.appendChild(oTD); //将td加到tr中