初探JavaScript魅力

<style>
#div1{width:200px; height:200px; background:red;}
</style>
</head>
<script>
function setColor(color){
	var oDiv=document.getElementById("div1");
	oDiv.style.background=color;
	}
</script>
<body>
<input type="button" value="变绿" onclick="setColor('green')"/>
<input type="button" value="变黄" onclick="setColor('yellow')"/>
<input type="button" value="变黑" onclick="setColor('black')"/>
<div id="div1">
</div>
</body>

<script>
function setStyle(name,value){
	var oDiv=document.getElementById("div1");
	oDiv.style[name]=value;
	}
</script>
<body>
<input type="button" value="变高" onclick="setStyle('height','400px')">
<input type="button" value="变宽" onclick="setStyle('width','400px')">
<input type="button" value="变绿" onclick="setStyle('background','green')">
<div id="div1">
</div>

posted on 2015-02-26 13:21 文森博客阅读(209) 评论(0) 收藏举报