js 获取对象属性值的方法

JavaScript034

js 获取对象属性值的方法,第1张

第一种通过.获取

第二种通过[]获取

那什么时候用点获取什么时候[]呢，可以在不同场景使用

两个的相同点：都是获取对象属性值

不同点：

1 [ ]运算符可以使用字符串变量的内容作为属性名，点运算符不能

普通常量赋值的时候可以用点运算符，其他可以用[]运算符，

js获取对象中没有的属性解决办法，Js获取元素样式值(getComputedStyle&currentStyle)兼容性解决方案tyle(document.getElementById(id).style.XXX)只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的. 一般js获取内部样式和外部样式使用 .

第一种，alert，也是最原始的用for循环逐一读取obj的数据然后alert或者展示到页面的dom元素内。第二种，控制台输出console.log(obj)，然后按f12打开调试面板然后切换到控制台标签查看，但是ie下不能查看到具体的值。第三种，添加监视按F12打开调试面板然后切换到调试（脚本）标签，然后找到你要查看的obj代码，然后在这一行打一个断点，然后点击按钮（其他能触发代码运行到这里的操作都行）然代码运行到这里，然后右键obj这个变量添加监视然后查看obj属性。第四种，全局变量在你要查看obj变量的代码位置后加上window.temp_obj = obj然后按F12打开调试界面，接着打开控制台标签，然后输入temp_obj再输入.看提示有哪些属性，然后输入temp_obj.attrName按回车看指定属性的名称，或者直接输入temp_obj按回车查看。其他的不多说，但大体都是这些衍生出来的调试方法，具体怎么运用视情况而定。