js가 CSS 스타일을 변경하는 방법

js에서 CSS 스타일을 변경하는 방법: 1. cssText 메서드를 사용합니다. 2. [setProperty()] 메서드를 사용합니다. 3. css 속성에 해당하는 스타일 속성을 사용합니다.

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.

JS CSS 스타일 변경 방법:

첫 번째: cssText 사용

div.style.cssText='width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;';

두 번째: setProperty() 사용

 div.style.setProperty('width','700px');
 div.style.setProperty('height','300px');
 div.style.setProperty('line-height','300px');
 div.style.setProperty('background','#f00');
 div.style.setProperty('color','#fff');
 div.style.setProperty('border','1px solid blue');
 div.style.setProperty('text-align','center');

세 번째: CSS에 해당하는 스타일 속성 사용 attribute

 div.style.width = "800px";
 div.style.height = "250px"; 
 div.style.lineHeight = "250px"; 
 div.style.background = "#000";
 div.style.color = "#fff";
 div.style.border = "1px solid #111";
 div.style.textAlign = "center";

rrree

관련 튜토리얼 권장 사항: CSS 비디오 튜토리얼

위 내용은 js가 CSS 스타일을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!