javascript - js 操作 div.style.top和div.style['top'] 区别是什么
本文介绍了javascript - js 操作 div.style.top和div.style['top'] 区别是什么的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
js 操作 div.style.top和div.style['top'] 区别是什么
解决方案
在你这里的style里。"."和[]是没区别的
console.log(div.style['top'] === div.style.top);
"."和[]的区别在于,请看你是怎样变成隔壁老王:
var obj = {};
obj.name = '隔壁老王';
var yourName = "name";
console.log(obj[yourName]);//隔壁老王
console.log(obj.yourName);//undefined
此时我们查看一下obj的属性,可以发现obj.name=xxx其实是设置了一个【字符串类型】的属性
而var yourName = "name";则把这个字符串属性的值赋值给了变量yourName,所以你成了老王
console.log(Object.keys(obj));//输出["name"]
总结:
"."点只能取到【静态】的值
,[]则能够取到作为【变量动态】改变的值
这篇关于javascript - js 操作 div.style.top和div.style['top'] 区别是什么的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文