JS小实践3--[]妙用

最新推荐文章于 2024-08-10 16:47:32 发布

okmingxue

最新推荐文章于 2024-08-10 16:47:32 发布

阅读量255

点赞数

本文链接：https://blog.csdn.net/okmingxue/article/details/49588465

版权

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#div1{ width:100px; height:100px; background:red;}
</style>
<title>无标题文档</title>
</head>
<body>
css属性<input id="attr" type="text" /><br />
css值<input id="va" type="text" />
<input id="btn" type="button" value="改变" />
<div id="div1">
</div>
</body>
</html>
<script>
window.οnlοad=function()
{
var oTxtattr=document.getElementById("attr");
var oTxtoa=document.getElementById("va");
var oBtn=document.getElementById("btn");
var oDiv=document.getElementById("div1");
oBtn.οnclick=function()
{
/*oTxtattr.value
oTxtoa.value*/
/*oDiv.style.css属性="css属性值";*/

/*oDiv.style.oTxtattr.value=oTxtoa.value; X错

oTxtattr.value="width"，“width”是字符串；而不是width，width是CSS属性

oDiv.style[oTxtattr.value]=oTxtoa.value;
//
}
}
</script>