作者grassboy2 (活力花俏草兒仔政﹞O花俏)
看板Ajax
標題[問題] 有辦法完全不用innerHTML嗎？
時間Tue Jul 6 18:56:27 2010
如題…話說我有一份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)
1F：→ grence:我覺得考慮效能、跨瀏覽器，innerHTML算是不錯的解決方案 07/06 22:23
2F：推 s25g5d4:考慮易用性的話 innerHTML比較簡單@@ 07/06 22:31
3F：→ TonyQ:能用的東西回文都已經說了 XD 07/06 22:34
4F：→ tonytsai88:如果用 jquery 的話，可以用 append 07/08 07:20
5F：→ TonyQ:用jquery的話直接用highlighter plug-in比較快 07/08 14:09