浅谈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 相关文章推荐
JavaScript中的对象化编程
Jan 16 Javascript
初窥JQuery(二) 事件机制(1)
Nov 25 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
Jul 11 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 Javascript
浅谈html转义及防止javascript注入攻击的方法
Dec 04 Javascript
浅谈Node.js爬虫之网页请求模块
Jan 11 Javascript
利用vue.js把静态json绑定bootstrap的table方法
Aug 28 Javascript
微信小程序实现两个页面传值的方法分析
Dec 11 Javascript
Vue 实例事件简单示例
Sep 19 Javascript
vue实现学生信息管理系统
May 30 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
php 将字符串按大写字母分隔成字符串数组
2010/04/30 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
Laravel日志用法详解
2016/10/09 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
js 函数调用模式小结
2011/12/26 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
javascript full screen 全屏显示页面元素的方法
2013/09/27 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
FF IE浏览器修改标签透明度的方法
2014/01/27 Javascript
直接在JS里创建JSON数据然后遍历使用
2014/07/25 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
2015/06/01 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
2016/06/15 Javascript
JS版微信6.0分享接口用法分析
2016/10/13 Javascript
原生js实现倒计时功能(多种格式调用)
2017/01/12 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
浅谈Webpack 持久化缓存实践
2018/03/22 Javascript
JavaScript数组及常见操作方法小结
2019/11/13 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
js实现表格数据搜索
2020/08/09 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
解决Python print输出不换行没空格的问题
2018/11/14 Python
numpy基础教程之np.linalg
2019/02/12 Python
pybind11和numpy进行交互的方法
2019/07/04 Python
Python tkinter三种布局实例详解
2020/01/06 Python
python3 字符串知识点学习笔记
2020/02/08 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
python线程池 ThreadPoolExecutor 的用法示例
2020/10/10 Python
canvas 橡皮筋式线条绘图应用方法
2019/02/13 HTML / CSS
Fox Racing官方网站:越野摩托车和山地自行车装备和服装
2019/12/23 全球购物
致裁判员加油稿
2014/02/08 职场文书
工作经历证明书范文
2014/11/02 职场文书
java版 联机五子棋游戏
2022/05/04 Java/Android
React更新渲染原理深入分析
2022/12/24 Javascript