js에서 CSS를 수정하는 방법

js에서 CSS를 수정하는 방법: 1. [obj.style.cssTest]를 사용하여 포함된 CSS를 수정합니다. 2. [bj.className]을 사용하여 스타일 시트의 클래스 이름을 수정합니다. css 파일을 변경하여 요소의 CSS를 변경합니다.

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

js에서 CSS를 수정하는 방법:

방법 1. obj.style.cssTest를 사용하여 내장된 CSS를 수정합니다.

function changeStyle2() {
   var obj = document.getElementById("btnB");
   obj.style.cssText = " display:block;color:White;
 
}

방법 2. bj.className을 사용하여 스타일 시트의 클래스 이름을 수정합니다

다음 코드 조각과 같이 코드를 사용하여 btB 참조 스타일의 클래스 이름을 수정합니다.

function changeStyle3() {
  var obj = document.getElementById("btnB");
  //obj.className = "style2";
  obj.setAttribute("class", "style2");
}

btB CSS의 클래스 이름을 변경하여 스타일을 변경합니다. 스타일 클래스 이름을 변경하는 방법에는 두 가지가 있습니다. 1. obj.className = "style2"; 2. obj.setAttribute("class", "style2");

이런 식으로 CSS를 수정하는 것이 위의 것보다 훨씬 좋습니다.

방법 3: 외부 링크의 CSS 파일을 변경하여 요소의 CSS를 변경합니다.

외부 CSS 파일의 참조를 변경하여 btB의 스타일을 변경합니다. 작업은 매우 간단합니다. 코드는 다음과 같습니다.

먼저 외부 CSS 파일을 인용해야 하며 코드는 다음과 같습니다.

<link href="css1.css" rel="stylesheet" type="text/css" id="css"/>
 
function changeStyle4() {
   var obj = document.getElementById("css");
   obj.setAttribute("href","css2.css");
 }

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

위 내용은 js에서 CSS를 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!