css_javascript 기술에서 js를 사용하여 부동 코드를 제어하는 ​​방법

IE는 styleFloat
을 사용하고 다른 것들은 cssFloat


을 사용합니다. 이 글에서는 CSS의 float 속성을 조작하기 위한 JS의 특별한 작성 방법을 간략하게 소개합니다. 밑줄이 포함된 CSS 속성의 경우 각 밑줄을 제거하고 대문자로 표시하면 됩니다. 각 밑줄 뒤의 첫 번째 문자입니다.

Js 스타일 float

JS가 CSS의 float 속성을 조작하는 특별한 작성 방법

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 등

대부분의 프런트엔드 개발자는 이 규칙에 익숙하다고 생각합니다. 그러나 CSS에는 js에서의 사용법이 매우 특별한 특별한 속성이 있습니다. 이 특수 속성은 float입니다. 이 작업은 유효하지 않으므로 obj.style.float를 직접 사용할 수 없습니다.

의 올바른 사용법은 IE: obj.style.styleFloat, 기타 브라우저: obj.style.cssFloat입니다.