作者danny0838 (道可道非常道)
看板Ajax
標題Re: [問題] 有辦法完全不用innerHTML嗎?
時間Mon Jul 26 15:43:19 2010
其實這個 highlight 的功能已經有人做過現成的了XD
http://4umi.com/web/javascript/hilite.php
以之為基礎,參考之前版友的版本,稍微整理程式碼成這個版本(有註解):
http://jsfiddle.net/T6fT2/1
和之前版友寫的大致有幾個不同之處:
1. 支援 RegExp 搜尋
2. 使用 splitText() 進行 textNode 之切割
3. 用迴圈技巧取代遞迴
4. 使用模板和 cloneNode() 新增節點,用 replaceChild() 取代節點
5. 使用 attribute 而不用 class 做辨識,減低衝突的可能性
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.37.243.71
※ 編輯: danny0838 來自: 114.37.243.71 (07/26 15:54)
1F:推 s25g5d4:強!真的獻醜了... 07/27 23:12