第一次使用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中