美文网首页
div.style.top和div.style['top'] 区

div.style.top和div.style['top'] 区

作者: DecadeHeart | 来源:发表于2017-05-15 23:41 被阅读0次

两者相同的地方:

console.log(div.style['top'] === div.style.top);

此时会输出ture,说明两者是等效的
两个都单独输出的时候,会显示空值。只有具体赋值的时候,会看到效果

两者不同的地方,当出现了变量的时候

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

总结:

"."点只能取到【静态】的值,[]则能够取到作为【变量动态】改变的值

相关文章

网友评论

      本文标题:div.style.top和div.style['top'] 区

      本文链接:https://www.haomeiwen.com/subject/cuskxxtx.html