浅谈JS使用[ ]来访问对象属性


Posted in Javascript onSeptember 21, 2016

对象的属性由两种固定的方法来访问:”.”记法和”[ ]“方括号记法:

使用”.”号记法访问标准的对象属性,使用”[ ]“方括号记法访问由页面定义的对象属性。如下

document.forms["myformname"].elements["myinput"].value

这里,forms 是 document 的一个标准属性,而表单名 myformname 则是由页面所定义的。同时,elements 和 value 属性都是由规范所定义的标准属性。而 myinput 则是由页面所定义的。

如果一个属性名在执行产生,方括号是必须,如果你有 “value1″, “value2″, 和 “value3″这样的属性,并且想利用变量 i=2来访问

这个可以运行:

MyObject["value"+i]

这个不可以:

MyObject.value+i

以上就是小编为大家带来的浅谈JS使用[ ]来访问对象属性的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
url 特殊字符 传递参数解决方法
Jan 01 Javascript
判断控件是否已加载完成的代码
Feb 24 Javascript
初窥JQuery(二) 事件机制(1)
Nov 25 Javascript
jquery调取json数据实现省市级联的方法
Jan 29 Javascript
简介JavaScript中的unshift()方法的使用
Jun 09 Javascript
js确认框confirm()用法实例详解
Jan 07 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
微信小程序 参数传递实例代码
Mar 20 Javascript
详谈Node.js之操作文件系统
Aug 29 Javascript
vue封装一个简单的div框选时间的组件的方法
Jan 06 Javascript
js实现时分秒倒计时
Dec 03 Javascript
js style.display=block显示布局错乱问题的解决方法
Sep 21 #Javascript
JS封装的选项卡TAB切换效果示例
Sep 20 #Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 #Javascript
JS获取鼠标相对位置的方法
Sep 20 #Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 #Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 #Javascript
AngularJS删除路由中的#符号的方法
Sep 20 #Javascript
You might like
eWebEditor v3.8 商业完整版 (PHP)
2006/12/06 PHP
坏狼的PHP学习教程之第2天
2008/06/15 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
PHP使用FFmpeg获取视频播放总时长与码率等信息
2016/09/13 PHP
php json_encode与json_decode详解及实例
2016/12/13 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
2013/05/03 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
2013/12/19 Javascript
node.js实现逐行读取文件内容的代码
2014/06/27 Javascript
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
详解Document.Cookie
2015/12/25 Javascript
jQuery动态移除和添加背景图片的方法详解
2017/03/07 Javascript
基于jQuery实现瀑布流页面
2017/04/11 jQuery
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
es6学习之解构时应该注意的点
2017/08/29 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
layui字体图标 loading图标静止不旋转的解决方法
2019/09/23 Javascript
Vue路由权限控制解析
2020/11/09 Javascript
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
Python实现将照片变成卡通图片的方法【基于opencv】
2018/01/17 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
Python基于Twilio及腾讯云实现国际国内短信接口
2020/06/18 Python
Python常用GUI框架原理解析汇总
2020/12/07 Python
css3闪亮进度条效果实现思路及代码
2013/04/17 HTML / CSS
三年级数学教学反思
2014/01/31 职场文书
教师个人成长总结
2015/02/11 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
Python中json.dumps()函数的使用解析
2021/05/17 Python
《地。-关于地球的运动-》单行本第七集上市,小说家朝井辽献上期待又害怕的推荐文
2022/03/31 日漫