Re: [問題] 有辦法完全不用innerHTML嗎?
其實這個 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)
推
07/27 23:12, , 1F
07/27 23:12, 1F
討論串 (同標題文章)
完整討論串 (本文為第 11 之 11 篇):
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章