中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

高效將字符串轉(zhuǎn)換為文檔碎片(JavaScript)

  我在Javascript 動(dòng)態(tài)插入技術(shù)》中,就介紹了用innerHTML轉(zhuǎn)換為文檔碎片的技術(shù)了,這個(gè)被各大類庫(kù)所取用。但事實(shí)上,如果我們的字符串沒有th,tbody,col等需要通過包裝才能動(dòng)態(tài)生成的標(biāo)簽,也沒有那個(gè)特?zé)┤说膕cript標(biāo)簽,我們?cè)谔岣咝阅苌线€是有許多方法,如insertAdjacentHTML。但想使用insertAdjacentHTML,限制非常多的,如在IE下避開innerHTML為只讀的元素,F(xiàn)F需要很高的版本才支持,加之調(diào)用對(duì)象(如jQuery)的元素往往只能是節(jié)點(diǎn),不能是字符串,因此很多情況下,我們還是先需要把它轉(zhuǎn)換為節(jié)點(diǎn)集合,而今天我介紹的是使用createContextualFragment直接將字符串轉(zhuǎn)換為文檔碎片!

  傳統(tǒng)的innerHTML方式會(huì)產(chǎn)生一個(gè)多余的div元素做轉(zhuǎn)換器,然后再使用createDocumentFragment創(chuàng)建一個(gè)文檔碎片,一個(gè)個(gè)節(jié)點(diǎn)轉(zhuǎn)移上去。如果使用createContextualFragment就可以避免這一步了。

//http://www.cnblogs.com/rubylouvre/archive/2011/04/15/2016800.html
var str = '<div><strong>test</strong></div>';
var range =document.createRange();
range.selectNodeContents(document.documentElement);
var fragment =range.createContextualFragment(str);
document.body.appendChild(fragment);

it知識(shí)庫(kù)高效將字符串轉(zhuǎn)換為文檔碎片(JavaScript),轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲视频www| 国产欧美精品一区二区 | 久久久久国产一区二区 | 久久免费国产视频 | 天天爽天天操 | 久久精品在线 | 在线日韩 | 91xh98hx 在线 国产 | av片网 | 国产综合av | 一级毛片免费完整视频 | 国产第一亚洲 | 国产精品一区二区视频 | www97影院 | 射久久 | 中文字幕亚洲精品 | www.国产精 | 日韩 国产 在线 | 国产色婷婷久久99精品91 | 欧美日韩一区二区三区在线观看 | 不卡一二三区 | 欧美午夜一区 | 韩日视频在线观看 | 国产成人在线视频播放 | 国产精品a一区二区三区网址 | 日日干日日 | 91精品国产91久久久久久吃药 | 午夜视频在线观看一区二区 | 亚洲精品自在在线观看 | 亚洲久视频 | 日韩性在线 | 日本中文在线 | 视频精品一区二区三区 | 亚洲国产精品99久久久久久久久 | 夜夜骑天天干 | 免费观看一级毛片 | 亚洲最新在线 | 亚洲嫩草 | 91av亚洲 | 国产精品久久久久影院色老大 | 日韩高清中文字幕 |