js_javascript 기술에서 CSS 속성을 동적으로 호출하는 작은 규칙 및 예

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 등

float는 Javascript의 예약어이므로 js의 스타일 시트에 float를 어떻게 작성하나요?

이 작업은 유효하지 않으므로 obj.style.float를 직접 사용할 수 없습니다.

올바른 사용 방법은 다음과 같습니다: IE: obj.style.styleFloat, Mozilla(gecko), ff 등과 같은 다른 브라우저에서는 styleFloat: obj.style.cssFloat를 사용합니다.

모두가 쉽게 이해할 수 있도록 예를 들어주세요.

코드 복사 코드는 다음과 같습니다:

테스트 1

테스트 2