[問題] 有辦法完全不用innerHTML嗎?

看板Ajax作者 (活力花俏草兒仔政﹞O花俏)時間14年前 (2010/07/06 18:56), 編輯推噓1(104)
留言5則, 4人參與, 最新討論串1/11 (看更多)
如題…話說我有一份HTML <div id="div1"> 今天天氣真好! </div> 如果我要在這個div裡面最尾端加一段HTML <b>沒錯!</b> 目前想到的方法大概就是: document.getElementById("div1").innerHTML += "<b>沒錯!</b>"; 那…有辦法不使用innerHTML這個屬性, 而直接用類似document.createElement("b"); 達到相同的目的嗎? 目前想得到的code大概如下 new_b = document.createElement("b"); new_b.innerHTML = "沒錯!"; //囧a還是用到了innerHTML了… document.getElementById("div1").appendChild(new_b); 所以…innerHTML這個屬性在我的例子當中,算是一定會用到的屬性嗎? 不知道有沒有高手可以指點一下完全不會用到innerHTML的方法… (聽說是對DOM進行存取?) 如果真的存在這個方法… 可以提示一下該如何用新方法把 <div id="div1"> 今天天氣真好! </div> 在不指定innerHTML的前題下轉成 <div id="div1"> 今天<b>天氣</b>真好! </div> 先感謝各位高手的提示了m(_ _)m -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.113.87.174 ※ 編輯: grassboy2 來自: 140.113.87.174 (07/06 18:57)

07/06 22:23, , 1F
我覺得考慮效能、跨瀏覽器,innerHTML算是不錯的解決方案
07/06 22:23, 1F

07/06 22:31, , 2F
考慮易用性的話 innerHTML比較簡單@@
07/06 22:31, 2F

07/06 22:34, , 3F
能用的東西回文都已經說了 XD
07/06 22:34, 3F

07/08 07:20, , 4F
如果用 jquery 的話,可以用 append
07/08 07:20, 4F

07/08 14:09, , 5F
用jquery的話直接用highlighter plug-in比較快
07/08 14:09, 5F
文章代碼(AID): #1CCmlUkL (Ajax)
討論串 (同標題文章)
文章代碼(AID): #1CCmlUkL (Ajax)