js控制iframe內部css樣式

項目中需要對iframe引用的網頁進行樣式修改，使用js的元素查詢功能進行操作，如圖中希望對iframe中的ul高度進行操作

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

//通過contentWindow來查詢iframe內部元素

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

此操作必須在window.onload = function(){}內進行

如何用js控制網頁中的css樣式

直接使用Medias Query來實現，在css樣式表中直接用

@media(min-width:1200px){

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

body{ width:1024px;}

}

兼容所有瀏覽器，這個實現的叫做響應式布局

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

這個可以用CSS實現就好了。不必要使用JS

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

.img2{

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

}

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

/*這里寫第一個圖片和最后一個圖片會用到的樣式*/

}

.img1:hover .showBigImg{

display:block;

}

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

希望能幫助到你

分享題目：js控制css定位樣式,css3定位屬性
當前路徑：http://chinadenli.net/article41/dsedphd.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站建設、標簽優(yōu)化、營銷型網站建設、小程序開發(fā)、網站改版、關鍵詞優(yōu)化

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)