자바 스크립트를 기반으로 CSS를 변경 하시겠습니까?

Question

어떻게하면 JavaScript에서 CSS 요소를 변경하겠습니까? 예를 들어 사용자가 버튼을 클릭하여 배경을 흰색에서 검은 색으로 변경하면

Answer 1

모든 DOM 요소에는 style 속성이 있습니다.이 속성을 사용하면 해당 객체에 CSS 속성을 조작 할 수 있으므로 해당 속성을 style 속성으로 조작 할 수 있습니다.

다음은 문서 본문의 색상을 전환하지만 다른 HTML 요소에도 동일하게 적용됩니다.

<button onclick="document.body.style.background = (toggle = !toggle) ? 'black' : 'white'">Toggle Background</button> 

TheBuzzSaw가 지적했듯이 케이스를 낙타에 넣어야합니다. 따라서 JS 속성은 background-color 대신 backgroundColor입니다. 규칙은 기본적으로

var javascriptProperty = cssStyleProperty.replace(
    /-([a-z])/g, 
    function (_, followingLetter) { return followingLetter.toUpperCase(); }); 

하지만 몇 가지 예외가 있습니다 float 키워드가 여러 언어이기 때문에, CSS 스타일 속성은 cssFloat입니다. 예외는 W3 스쿨 페이지에 자바 스크립트 구문 아래에 설명되어 있습니다 : http://www.w3schools.com/css/pr_class_float.asp

자바 스크립트 구문 :객체.style.cssFloat="left"

Answer 2

JavaScript에서 직접 조작 할 수있는 속성/속성이 많이 있습니다. 당신은 그들의 이름을 알아야합니다. 보통 CSS 속성 이름과 동등한 이상한 낙타 사례입니다. 빠른 Google 검색을 통해 많은 정보를 얻을 수 있습니다. http://api.jquery.com/css/

Answer 3

로드 새로운 이미지, 특히이, jQuery를 한 번 봐 가지고 프레임 워크 불가지론 스크립트

http://jsfiddle.net/chprpipr/kWRRN/1/

Answer 4

당신이 프레임 워크를 사용하여 괜찮다면 버튼의 클릭 이벤트에 검은 색

http://www.comptechdoc.org/independent/web/cgi/javamanual/javastyle.html

Answer 5

: