<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div1{
width:240px;
height: 200PX;
border: 1px solid #333;
background: #F1F1F1F;
padding: 10px;
}
</style>
<script>
window.onload=function()
{
var oAttr=document.getElementById('attr');
var oVal=document.getElementById('val1');
var oBtn=document.getElementById('btn1');
var oDiv=document.getElementById('div1');
oBtn.onclick=function(){
oAttr.value //width
oVal.value //200px value
oDiv.style[oAttr.value]=oVal.value;
}
}
</script>
</head>
<style>
div{
width:100px;
height: 100px;
border: 1px solid red;
}
</style>
<body>
请输入属性名称:<input id="attr" type="text"/>
请输入属性值:<input id="val1" type="text"/>
<input type="button" value="确定" id="btn1"/>
<div id="div1"></div>
</body>
</html>
JavaScript属性操作1
猜你喜欢
转载自blog.csdn.net/qq_37995109/article/details/85254954
今日推荐
周排行