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中

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章