>  기사  >  웹 프론트엔드  >  Javascript는 CSS 스타일을 변경합니다(로컬 및 글로벌)_javascript 팁

Javascript는 CSS 스타일을 변경합니다(로컬 및 글로벌)_javascript 팁

WBOY
WBOY원래의
2016-05-16 17:08:221162검색
1. 스타일 부분 변경

세 가지 방법이 있습니다: 스타일을 직접 변경하고, className을 변경하고, cssText를 변경합니다.

className을 변경합니다: document.getElementById(' obj').className= "…"

cssText 변경: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;"

직접 스타일 변경: document .getElementById('obj').style.groundColor="#003366″

2. 전역적으로 스타일 변경

외부 링크 스타일의 href 값 웹 페이지 스타일의 실시간 전환, 즉 "템플릿 스타일 변경"입니다.

먼저
코드 복사 코드는 다음과 같습니다.


통화는 매우 간단합니다.

코드 복사 코드는 다음과 같습니다.
스타일을 변경하려면 클릭하세요

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