1. JS를 사용하여 CSS 속성을 작성하는 방법
1. 마크가없는 CSS 속성의 경우 일반적으로 스타일을 사용할 수 있습니다. 속성 이름 직접.
예를 들어 : obj.style.margin, obj.style.width, obj.style.left, obj.style.position
2. 중간 표시가 포함 된 CSS 속성의 경우 각 중간 표시를 제거하고 각 중간 표시 후 첫 번째 문자를 변경하여 대문자를 변경하십시오.
예를 들어 : obj.style.margintop, obj.style.borderleftwidth, obj.style.zindex, obj.style.fontfamily 등
3. JS 작동을위한 특별 쓰기 방법 CSS 플로트 속성
Float는 JavaScript의 예약 된 단어이므로 OBJ.style.float를 직접 사용할 수 없으므로 작업이 유효하지 않습니다. 이를 사용하는 올바른 방법은 다음과 같습니다. IE : OBJ.style.stylefloat, 기타 브라우저 Mozilla (Gecko), FF 등. StyleFloat : obj.style.cssfloat를 사용하십시오.
2. JS를 사용하여 CSS 속성 값을 얻으십시오
1. 라인 스타일을 얻으십시오 : obj.style. 속성 이름. <div id = "css88"> js는 CSS 속성 값을 가져옵니다 </div> 클래스에 액세스 할 수 없습니다.
2. 링크 내부와 외부의 CSS 속성 가져 오기 : IE는 OBJ.CurrentStyle [ "Attribute Name"] 메소드를 사용하고 FF는 getComputedStyle 메소드를 사용합니다.
3. JS를 사용하여 CSS 속성에 값을 할당하십시오
1. 클래스 속성을 할당하십시오
할당 : document.getElementById ( 'Ceil'). className = "class1";
여러 값이있는 경우 : Document.GetElementById ( 'Ceil'). ClassName = "Class1 Class2 Class3";
2. obj.style.csstext 객체의 CSS 스타일을 설정합니다
document.getElementById ( 'Navition'). Style.csstext = "CSS 코드 ';
요약
페이지에 적용되는 스타일을 동적으로 수정하는 방법을 아는 것은 세련되고 대화식 웹 페이지를 만드는 데 매우 유용합니다.이 기사에 설명 된 지식은 JavaScript 애니메이션과 같은보다 고급 기술의 기초를 형성합니다. 역동적 인 스타일 수정을 책임감있게 사용하고 과도하게 사용하지 않아야한다는 점에 유의해야합니다. 앞에서 언급했듯이 스타일 수정은 또한 웹 효율성을 향상시킬 수 있습니다. 콘텐츠 표시 및 숨기기는 클라이언트와 서버 간의 불필요한 데이터 상호 작용을 피할 수 있습니다.