>  기사  >  웹 프론트엔드  >  js의 스타일시트에서 스타일을 얻는 방법(코드)

js의 스타일시트에서 스타일을 얻는 방법(코드)

不言
不言원래의
2018-08-23 14:50:182692검색

이 글의 내용은 js의 스타일시트에서 스타일(코드)을 얻는 방법에 대한 내용입니다. 참고할만한 가치가 있으니 참고하시면 좋을 것 같습니다.

js는 width 및 left와 같은 스타일을 스타일 시트에서 직접 얻을 수 없다는 것을 모두 알고 있습니다. 그러나 인라인 스타일을 직접적으로 얻을 수는 없습니다. 이제 주류이므로 직접 얻을 수 있는 것을 캡슐화합니다. 비인터라인 스타일 함수

<span style="font-size:18px;"> 
function getStyle(obj,name){     
if(obj.currentStyle){          
return obj.currentStyle[name];
     }     
     else{        
      return getComputedStyle(obj,false)[name];  //false是一个无用的参数
     }
 }
 </span>

getStyle 함수에는 2개의 매개변수가 있습니다. 첫 번째 매개변수 obj는 가져올 객체이고 두 번째 매개변수 이름은 속성입니다. currentStyle을 얻고 호환성을 위해 처리되었습니다. IE 브라우저의 경우 getComputeStyle은 Firefox 브라우저용입니다.

관련 권장사항:

js에서 typeof의 반환 데이터 유형은 무엇인가요? js 유형의 반환 유형 및 유형 변환 요약

json과 XML의 차이점 비교

위 내용은 js의 스타일시트에서 스타일을 얻는 방법(코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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