作者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