DOM的使用心得

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

 

你可能感兴趣的:(Web,css,IE)