방금 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를 사용합니다.
누구나 쉽게 이해할 수 있도록 예를 들어 보겠습니다.
다음과 같이 코드 코드를 복사합니다.
<divonclick="alert(this.style.float);
this.style.float='왼쪽';
Alert(this.style.float);">테스트 1</div>
<divonclick="alert(this.style.float);
if(this.style.cssFloat){this.style.cssFloat='왼쪽';
}else{this.style.styleFloat='왼쪽';
}alert(this.style.float);">테스트 2</div>