鍍金池/ 問(wèn)答/HTML/ 怎么復(fù)制一個(gè)iframe下的所有css定義到一個(gè)div下面?

怎么復(fù)制一個(gè)iframe下的所有css定義到一個(gè)div下面?

我知道我這個(gè)問(wèn)題很蛋疼,因?yàn)槲覀兊男枨缶褪沁@么蛋疼。
簡(jiǎn)單來(lái)說(shuō),我們的需求是:把一個(gè)iframe(加載一個(gè)網(wǎng)頁(yè))中所有的內(nèi)容,原原本本地轉(zhuǎn)移到一個(gè)div下面。

我現(xiàn)在已經(jīng)實(shí)現(xiàn)了從iframe里復(fù)制body中的內(nèi)容,并且弄成div的innerHTML,非常成功。
現(xiàn)在卡在了怎么把css定義也挪過(guò)來(lái)的步驟,我可以獲取到這個(gè)iframe的styleSheet,看到各種cssRule,但是不知道該怎么加到div上。

請(qǐng)問(wèn)各位大神,這個(gè)怎么做啊?

回答
編輯回答
薄荷綠

既然你可以拿到iframe的body,那拿到iframe的所有l(wèi)ink沒(méi)問(wèn)題吧,只要把link加到head就行了吧,jquery應(yīng)該有方法可以這樣添加的吧

2018年5月2日 11:57
編輯回答
離殤

暫時(shí)想不到完美又簡(jiǎn)單的辦法。那么就簡(jiǎn)單一點(diǎn),把 iframe 里所有 <link rel="styleshee"> 的標(biāo)簽復(fù)制到當(dāng)前頁(yè)的 <head> 里。

不過(guò)我還是覺(jué)得有問(wèn)題的是需求本身,建議你再好好跟產(chǎn)品或技術(shù)商量一下,是不是真的只有這樣做。所謂事不尋常必為妖,這種奇葩需求的下面很可能是真實(shí)需求不明、考慮不周。

2017年3月10日 07:22