1. 程式人生 > >JavaScript控制iframe中元素的樣式

JavaScript控制iframe中元素的樣式

//根據ID獲取要操控元素
var deptObjs=document.getElementById("IFRAMEID").contentWindow.document.getElementById("TAGID");
//判斷此元素是否存在
if(deptObjs!=null){
    //設定該元素的樣式或其他屬性
    deptObjs.setAttribute('style',' height: 20px !important;'); //!important用來提升指定樣式條目的應用優先權
}

contentWindow

 contentWindow屬性是指指定的frame或者iframe所在的window物件。返回指定的iframe的視窗物件。


!important

 !important用來提升指定樣式條目的應用優先權,當html頁面有樣式衝突時,可以在需要的樣式後面加上!important,提升優先順序。避免樣式衝突。