在 Internet Explorer 7 中更改 div 高度

Question

我无法使用此代码更改 Internet Explorer 7 中的 div 高度，该代码可在其他浏览器中使用。

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;
	console.log('old Height:', oldHeight);
	
	var val = document.getElementById('newHeight').value;
	document.getElementById('my_div').style.height = val + 'px';
	
    var newHeight = document.getElementById('my_div').clientHeight;
	console.log('new Height:', newHeight);
}

#my_div{
	background-color: #d1d1f1;
	width: 400px;
	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>