>웹 프론트엔드 >JS 튜토리얼 >CSS 파일_자바스크립트 기술을 동적으로 수정하는 js 메소드

CSS 파일_자바스크립트 기술을 동적으로 수정하는 js 메소드

WBOY
WBOY원래의
2016-05-16 16:40:231170검색
_.find(document.styleSheets[4].cssRules,function(cssRule){ 
if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ 
cssRule.style.position=""; 
cssRule.style.top = "0px"; 
} 
if(cssRule.selectorText && cssRule.selectorText.indexOf("#pageIndi_content, #page1_l1_content, #page_appList") >-1){ 
cssRule.style.padding = "0px"; 
} 
if(cssRule.selectorText && cssRule.selectorText.indexOf("#page1_index_content") >-1){ 
cssRule.style.padding = "0px"; 
} 
});

루핑에 사용되는 밑줄은 cssRule을 사용할 때 직접 사용할 수 없으며 그렇지 않으면 적용되지 않습니다

cssRule.style=" left: 0;position:'';right: 0; top: 0px;z-index: 1031;";

사용만 가능합니다

cssRule.style.padding = "0px";
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.