<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<style>
#div1 {
width:300px;
height:300px;
background:red;
}
</style>
<script>
function setdiv(name,value)
{
var odiv=document.getElementById('div1');
odiv.style[name]=value;
}
</script>
</head>
<body>
<div id="div1"></div>
<input type="button" value="变宽" onclick="setdiv('width','500px')"/>
<input type="button" value="变高" onclick="setdiv('height','500px')"/>
<input type="button" value="变绿" onclick="setdiv('background','green')"/>
</body>
</html>
<meta charset="utf-8"/> 声明明你文件保存的编码
意思是说,你这个html文件是用utf-8编码形式保存的,浏览器解析的时候应该用utf-8解码。
显示不正常,表明声明编码与文件实际编码不对应。
所以,这时候,就应该看看文件是不是真的是以utf-8编码形式保存。