div 태그의 속성을 동적으로 설정하는 방법은 무엇입니까?

Question

나는 갖는 div와 아래 코드

자바 스크립트

var m = document.getElementById('d1'); 
m.setAttribute("height","50%"); 

로에 대한 속성을 설정하기 위해 자바 스크립트를 사용하지만 null 참조로 설정할 수 없습니다 setAttribute() 속성으로 오류가 발생하고있다.

내 HTML 코드

<div id="d1" style:"background-color:blue;"> 

Answer 1

귀하의 HTML 마크 업이 잘못된, 자바 스크립트 코드는

여야합니다.

var m=document.getElementById('d1'); 
m.setAttribute("style","height:50%"); 

높이가 직접 예<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>

라이브 다음과 같은 요소에 적용 할 수 있기 때문에 이 http://codepen.io/krish4u/pen/bicCL (귀하의 경우에는 50px로 설정 예 높이 당신이이 일을 냈다 %

Answer 2

m.setAttribute("style", "height: 50%"); 

Answer 3

더 나은 사용 style 대신 setAttribute

m.style.height = "50%"; 

의 그것은 될 것입니다 :

<div style="height: 50%;"></div> 

그러나 코드가 유효하고 그것은으로 출력한다 : 그것의 setAttribute에 대한 <div id="d1" style="background-color:blue;">

구문

element.setAttribute(name, value); 

check attribute reference

그렇게해야

<div height="50%"></div>