js中的"."可换成"[]"

来源：互联网发布：淘宝达人什么意思编辑：程序博客网时间：2024/06/15 20:23

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";

阅读全文

0 0