在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 怎么完全復(fù)制一個(gè)iframe內(nèi)的元素,并呈現(xiàn)在iframe外面?

怎么完全復(fù)制一個(gè)iframe內(nèi)的元素,并呈現(xiàn)在iframe外面?

我知道我們的需求很奇怪,但確實(shí)就有這個(gè)需求。

我們會(huì)在一個(gè)網(wǎng)頁內(nèi)的iframe種,打開一個(gè)指定頁面,然后復(fù)制一個(gè)指定的元素,拿到iframe外面,并且要求完美呈現(xiàn)它的樣子。比如一個(gè)div,如果在里面定義的背景色是紅色,拿到外面之后,也要是紅色。(注意,不能復(fù)制iframe中head利的style定義到外面)

我覺得問題的核心在于找到iframe內(nèi)那個(gè)div,到底有哪些css定義,然后再賦值給外面的div就行。可是我不知道該怎么找到一個(gè)元素的css定義。

希望各位大神幫幫忙。

回答
編輯回答
替身

1,復(fù)制全部運(yùn)行時(shí)樣式到新元素的內(nèi)聯(lián)樣式中document.defaultView.getComputedStyle(element, "").cssText;,但是偽元素和動(dòng)畫啥的就沒辦法了
2,提取所有對(duì)應(yīng)的樣式定義,復(fù)制到外面,需要在這個(gè)document.styleSheets里面找。這個(gè)好處是偽元素能正確工作,但是動(dòng)畫需要自己寫點(diǎn)什么才能完整復(fù)制,而且似乎新的chrome不允許從這里遍歷外部樣式,所以這個(gè)也有可能不完整

2017年4月27日 01:27