1.div原本的寬度和高度需要寫在style=“”里面诵原，不要寫在<style type="text/css"></style>里面，不然識別不了
2.使用document.getElementById("imgD").style.width獲取的寬度是字符串類型云头，需要用parseInt()轉換為整型
3.在設置寬度時，要加上'px'转锈，保證規(guī)范
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function imgW() {
var w = document.getElementById("imgD");
var sw = w.style.width;
w.style.width = parseInt(sw)+20+'px';
}
function imgH(){
var h = document.getElementById("imgD");
var sh = h.style.height;
h.style.height = parseInt(sh)+20+'px';
}
</script>
</head>
<body>
<div id="imgD" style="margin: 0 auto;border: 1px solid red;width: 300px;height: 300px;">
</div>
<br />
<input type="button" id="width" value="加寬" onclick="imgW()"/>
<input type="button" id="height" value="加高" onclick="imgH()"/>
</body>
</html>
