js控制iframe內(nèi)部css樣式

項(xiàng)目中需要對(duì)iframe引用的網(wǎng)頁進(jìn)行樣式修改，使用js的元素查詢功能進(jìn)行操作，如圖中希望對(duì)iframe中的ul高度進(jìn)行操作

開化網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)于2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

//通過contentWindow來查詢iframe內(nèi)部元素

如果是id選擇器則值選中一個(gè)元素，直接可使用，若使用class等選擇器選擇的為多個(gè)元素，即使實(shí)際只有一個(gè)元素也需要遍歷

此操作必須在window.onload = function(){}內(nèi)進(jìn)行

如何用js控制網(wǎng)頁中的css樣式

直接使用Medias Query來實(shí)現(xiàn)，在css樣式表中直接用

@media(min-width:1200px){

/*這里是大于1024的代碼。舉例如下 ：*/

body{ width:1024px;}

}

兼容所有瀏覽器，這個(gè)實(shí)現(xiàn)的叫做響應(yīng)式布局

如何使用js來控制圖片的css樣式？

這個(gè)可以用CSS實(shí)現(xiàn)就好了。不必要使用JS

圖片放大效果的話，建議用一個(gè)額外的 div層放置放大后的圖片，這樣布局就不會(huì)亂了。鼠標(biāo)放上去就顯示這個(gè)層。

.img2{

/*這里寫你的所有圖片都會(huì)用到的樣式*/

}

.img2:first-child, .img2:last-child{

/*這里寫第一個(gè)圖片和最后一個(gè)圖片會(huì)用到的樣式*/

}

.img1:hover .showBigImg{

display:block;

}

對(duì)于這個(gè)大圖的div層的顯示，可以稍加js控制，這樣就可以所有圖片共用一個(gè)div層來放置大圖。

希望能幫助到你