利用输入属性名和属性值来改变指定DIV的值:
HTML界面代码:
<style>
#abutt{
font-family: "微软雅黑";
color: black;
border:2px solid gainsboro;
}
#div2{
width: 500px;
height:500px;
background: antiquewhite;
border: 2px solid salmon;
margin: 10px;
}
</style>
</head>
<body>
<div>请输入属性名:<input id="attr" type="text" /></div>
请输入属性值:<input id="aval" type="text" />
<input id="abutt" type="button" value="确定"/>
<div id="div2"></div>
JS代码:
<script>
var oAttr=document.getElementById("attr");
var oVal=document.getElementById("aval");
var oAbu=document.getElementById("abutt");
var oDiv=document.getElementById("div2");
oAbu.οnclick=function(){
// oAttr.value
// oVal.value
oDiv.style[oAttr.value]=oVal.value;//[ ]里面可以放变量属性值
}