位置:电子教程 > JavaScript教程 推荐学习资源
课程概要
JavaScript入门
JavaScript 语法
JavaScript 变量
JavaScript 数据类型
JavaScript 对象
JavaScript 函数
JavaScript 作用域
JavaScript 事件
JavaScript 字符串
JavaScript 运算符
JavaScript 比较 和 逻辑运算符
JavaScript if...Else 语句
JavaScript switch 语句
JavaScript for 循环
JavaScript while 循环
JavaScript break 和 continue 语句
JavaScript typeof, null, 和 undefined
JavaScript 类型转换
JavaScript 正则表达式
JavaScript 错误 - throw、try 和 catch
当前阅读教程:JavaScript教程 > 访问对象属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 对象属性 下一篇: 对象方法

你可以通过两种方式访问对象属性:

实例 1

person.lastName;

完整代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(www.2d5.net)</title>
</head>
<body>
 
<p>
有两种方式可以访问对象属性:
</p>
<p>
你可以使用 .property 或 ["property"].
</p>
<p id="demo"></p>
<script>
var person = {
    firstName : "John",
    lastName : "Doe",
    id : 5566
};
document.getElementById("demo").innerHTML =
     person.firstName + " " + person.lastName;
</script>
 
</body>
</html>

效果图

小白教程网www.2d5.net

image.png

实例 2

person["lastName"];

完整示例

小白教程网www.2d5.net

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(www.2d5.net)</title>
</head>
<body>
 
<p>
有两种方式可以访问对象属性:
</p>
<p>
你可以使用 .property 或 ["property"]。
</p>
<p id="demo"></p>
<script>
var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566
};
document.getElementById("demo").innerHTML =
     person["firstName"] + " " + person["lastName"];
</script>
 
</body>
</html>

效果图

小白教程网www.2d5.net

image.png


上一篇: 对象属性 下一篇: 对象方法
QQ交流群:147415688             广告联系QQ:45157718(微信同号)