JavaScript를 사용하여 HTML 요소의 스타일을 변경할 수없는 이유는 무엇입니까?

Question

문제가 있으며이 테스트 코드를 사용하여 내 문제를 보여줍니다.

• HTML 코드 : http://i.stack.imgur.com/7qlZx.png
• 자바 스크립트 코드 : http://i.stack.imgur.com/DYvuq.png

내가하고 싶은 것은 ID의 스타일을 변경하는 것입니다. 그러나 어떤 이유로 그것은 작동하지 않습니다.

나는 무슨 일이 일어나고 있는지 정말로 모른다. 나는 당신의 도움이 정말로 필요하다. 감사.

Answer 1

... 수정

// ORIGINAL/INCORRECT CODE 
// x.style.fontSize('20px'); 
// x.style.fontFamily('arial'); 
// x.style.color('#008080'); 
// x.style.border('10px solid #000'); 

...

// CORRECTED 
// These are properties, NOT methods. 
x.style.fontSize = '20px'; 
x.style.fontFamily = 'arial'; 
x.style.color = '#008080'; 
x.style.border = '10px solid #000'; 

Answer 2

게시 한 코드 사진을 보면 (http://jsfiddle.net은 더 나은 옵션입니다) 자바 스크립트가 잘못되었습니다.

x.style.fontSize('20px'); 

HTML 요소에 style 객체는이 property가 fontSize라는 가지고,이 fontSize라는 기능이 없습니다. 다음과 같이 원하는 값을 지정하십시오.

x.style.fontSize = '20px'; 

예를 들어. 자바 스크립트 콘솔이 표시된 Chrome (보기> 개발자> 자바 스크립트 콘솔)을 클릭하면 원본 코드를 실행하려고하면 오류가 발생합니다. 잘못 방법으로 자바 스크립트 속성을 참조하는 원래의 코드에서

Answer 3

그 스타일 속성은 속성없는 방법입니다. 다시 말해 x.style.fontSize('20px')이 아니고 x.style.fontSize = '20px'이되어야합니다.