[問題] javascript動態生成div

看板Web_Design作者 (哈哈)時間17年前 (2009/01/06 22:16), 編輯推噓0(004)
留言4則, 2人參與, 最新討論串1/1
我希望的效果是 css設定class=papa為一個特別的樣式 每一次呼叫add()都可以套用那個css樣式 現在我都只能顯示出DDDDD一行行增加,但是都沒套用到樣式(我有設定好) 不知道有沒有方法可以解決? 感謝各位大德~ <style> #mainC.papa{ margin:10px; border:1px dotted #555; background-color:#EEE; padding:10px; } </style> <script type="text/javascript"> function add(){ listTable_=document.getElementById("mainC"); a=document.createElement("div"); a.setAttribute("id","papa"); a.setAttribute("class","papa"); a.innerHTML="DDDDD"; listTable_.appendChild(a); } </script> ...... <div id="mainC"></div> ..... ※ 編輯: altbest 來自: 140.122.45.27 (01/06 22:17)

01/06 22:24, , 1F
用 setAttribute('className',XXXX)
01/06 22:24, 1F

01/06 22:26, , 2F
但是這樣的話 firefox就不會work了 因為IE,FF又不一樣了 XD
01/06 22:26, 2F

01/06 22:27, , 3F
建議 直接用a.className="XXXX" 就好
01/06 22:27, 3F

01/07 17:08, , 4F
謝謝~^^~第三行的建議可以用了!!
01/07 17:08, 4F
文章代碼(AID): #19OsU-ZF (Web_Design)