js中的"."可换成"[]"
例:
div.style.height 与 div.style['height']是一样的。
中括号的使用实在属性名可变的时候使用,例如width,color等等。
<html> <head> <title>HTML5_ScrollInToView方法</title> <meta charset="utf-8"> <style> #div1{ width: 200px; height: 200px; border: 10px solid black; } </style> </head> <body> <strong>请输入属性名:</strong> <input id="text1" type="text"> <br> <strong>请输入属性值:</strong> <input id="text2" type="text"> <input id="btn1" type="button" value="确定"> <br><br> <!--<input id="btn2" type="button">--> <div id="div1"></div> <script> window.onload=function () { var oText1=document.getElementById("text1"); var oText2=document.getElementById("text2"); var oBtn=document.getElementById("btn1"); var oDiv=document.getElementById("div1"); oBtn.onclick=function () { oDiv.style[oText1.value]=oText2.value; } } </script> </body> </html>
为div添加css样式:
div.className="css";