js属性操作之 “.”点运算符合“[ ]”中括号运算符的关系

js属性操作之  “.”点运算符合“[ ]”中括号运算符的关系

.后面跟的要是具体的    如 ：width  height

【】里面可以是具体的也可以是     表达式

在js改变css中经常用到     haha.style.width="200px";类似的操作来改变样式，这是我们对于某个触发事件的结果很清楚要改变什么，

如果让用户来输入要改变的属性以及新的属性值，如下图所示，那么我们能写成  

var otex1=document.getElementById（"...."）   //获取第1个文本框

var otex2=document.getElementById（"...."）   //获取第2个文本框

触发事件后：

haha.style.otex1.value=otex2.value;　　(✘✘✘✘✘✘✘✘)

上面红色的我们认为是用来获取用户输入的属性名，而浏览器则理解为haha对象有一个名叫otex1的属性，

所以此处我们可以用到中括号运算符[ ]

例如    haha.style,color="red";  <========>  haha.style['color']="red";

我们可以看到【】里面接受的参数是一个“字符串”所以就能把otex1.value当一个参数传进去

haha.style[otex1.value]=otex2.value;

 

注意经常会用到函数，其中参数就有属性接受传参，这时候用“。”要慎重，可能被理解为新属性

---