<script >
window.onload=function () {
var e=document.getElementsByTagName("input")[0].value;
var b=document.getElementsByTagName("input")[1].value;
var c=document.getElementsByTagName("button");
var d=document.getElementById("div1");
c[0].onclick=function () {
d.style.e="b";//为什么这样改不了样式
}
}
</script>
</head>
<body>
<div id="outer">
<p><label>属性名:</label><input type="text" value="background" /></p>
<p><label>属性值:</label><input type="text" value="blue" /></p>
<p><label></label><button>确定</button><button>重置</button></p>
</div>
<div id="div1">在上方输入框输入"属性名"及"属性值",点击确定按钮查看效果。</div>
</body>
</html>
相关分类