Изменение высоты div в Internet Explorer 7

Question

Невозможно изменить высоту div в Internet Explorer 7 с помощью этого кода, который работает в других браузерах.

document.getElementById('my_div').setAttribute("style","height:1000px !important"); 
    var clientHeight = document.getElementById('my_div').clientHeight; 

Answer 1

Вы должны изменить эту линию

document.getElementById('my_div').setAttribute("style","height:1000px !important"); 

по

document.getElementById('my_div').style.height = '1000px'; 

Это полный работает пример:

function changeDivHeight(){ 
 
    var oldHeight = document.getElementById('my_div').clientHeight; 
 
\t console.log('old Height:', oldHeight); 
 
\t 
 
\t var val = document.getElementById('newHeight').value; 
 
\t document.getElementById('my_div').style.height = val + 'px'; 
 
\t 
 
    var newHeight = document.getElementById('my_div').clientHeight; 
 
\t console.log('new Height:', newHeight); 
 
}

#my_div{ 
 
\t background-color: #d1d1f1; 
 
\t width: 400px; 
 
\t height: 20px; 
 
}

New height value 
 
<input id="newHeight" type="text" placeholder="New div height" /> 
 
<button onclick="changeDivHeight()">Change height</button> 
 
<div id="my_div"></div>