js获取对象属性的两种方法,object.属性名,[‘属性名’ ]

简介: js获取对象属性的两种方法,object.属性名,[‘属性名’ ]

1、通过点的方式

2、通过括号的方式

例:

<input type="text" value="hello" id="text"/>
var oText = document.getElementById("text")

image.png

注意的是:(a)点要查找的是JS中本来就存在的属性名,不能找到变量或者函数的参数,比如下面:


var  name = "value"
oText.name

 

//这种方式访问就会出错,因为用点的方式访问,它会去input的标签里面直接到有没有name的属性,如果没有就找不到,所以访问不到我们定义的这个变量的值    

//而且如果name是某个函数的参数也不可以获取到,原理是一样的。所以封装函数属性需要作为参数的时候,访问的时候不要用点,用括号


(b)标准浏览器下无法访问HTML中的自定义属性,可以获取通过JS参加的自定义属性。

(c)无法获取相对网址,比如img.src获取的是绝对路径。


(2)通过括号的方式 oText[property]


(a)可以访问任何变量和参数;


(b)标准浏览器下无法访问HTML中的自定义属性,可以获取通过JS参加的自定义属性。

(c)无法获取相对网址,比如img.src获取的是绝对路径。


相关文章
|
9天前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
21 2
|
2天前
|
存储 JavaScript 前端开发
js中的对象
js中的对象
12 3
|
5天前
|
Python
通过 type 和 object 之间的关联,进一步分析类型对象
通过 type 和 object 之间的关联,进一步分析类型对象
19 3
|
8天前
|
JavaScript 前端开发
JavaScript Math(算数) 对象
JavaScript Math(算数) 对象
13 4
|
7天前
|
Web App开发 JavaScript 前端开发
JavaScript Window - 浏览器对象模型
JavaScript Window - 浏览器对象模型
14 2
|
8天前
|
JavaScript 前端开发
JavaScript RegExp 对象
JavaScript RegExp 对象
16 3
|
8天前
|
JavaScript 前端开发
JavaScript Boolean(布尔) 对象
JavaScript Boolean(布尔) 对象
10 3
|
9天前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
15 3
|
9天前
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
22 3
|
4天前
|
前端开发 JavaScript 开发者
深入理解JavaScript中的对象与类
深入理解JavaScript中的对象与类
8 0