动态设置js的属性
来源:互联网 发布:无线信道软件 编辑:程序博客网 时间:2024/05/01 23:13
目标:js的属性名可以使用变量
举例:js对象object,当赋给该对象属性的时候可以采用以下方式
var object;
object.prop1 = "value1";
object.prop2 = "value2";也可以采用如下方式:
object.push({prop1:"value1"});
object.push({prop2:"value2"});在这里prop1 作为属性名称,可以直接用,也可以加上引号,比如:
object.push({"<span style="font-family: Arial, Helvetica, sans-serif;">prop1</span>":"value1"});表达的含义都是一样的,也就是说,prop1只能作为常量被识别,即使它是个变量也没用,例如:
var prop1 = "prop2";
object.push({prop1:"<span style="font-family: Arial, Helvetica, sans-serif;">value1</span>"});
这样通过object访问prop2会出现什么情况呢?比如:
alert(<span style="font-family: Arial, Helvetica, sans-serif;">object.prop2) </span>不用问,当然是undefined,而访问object.prop1却是"value1"
原因已经说过了,无论加不加引号,属性一律当成常量对待.再举一个例子:
var arr=[];arr['js']='jquery';arr['css']='oocss';var obj={};for(var i in arr){ obj.i=arr[i];}alert(obj.js);
读者不放猜一下alert会打印什么?
当然是undefined.
大家再猜一下,如果alert(obj.i)会打印什么?
当然是oocss,为什么?因为obj现在只有一个属性i,而且通过两次循环,obj.i前面的被后面的覆盖掉.
如果有需求,需要动态添加属性,也就是说,属性也必须是一个变量才行,如上例代码,alert(obj.js)不是undefined,而是jquery,该如何修改呢?
var arr=[];arr['js']='jquery';arr['css']='oocss';var obj={};for(var i in arr){ obj[i]=arr[i];}alert(obj.js);
就是那么简单!把对象obj当成一个数组来对待,它支持使用类似于下标形式的方法来把属性和属性值赋给对象.但是,对象依然是对象,obj.length是不存在的.
0 0
- 动态设置js的属性
- js动态创建元素以及设置属性
- JS动态创建表格,动态设置属性,动态添加事件
- JS动态创建表格,动态设置属性,动态添加事件
- JS动态创建表格,动态设置属性,动态添加事件
- 动态设置HyperLink的属性
- DataGridView1的属性动态设置
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- 通过js动态创建标签,并设置属性
- 动态设置组件的itemRenderer属性
- 动态设置组件的itemRenderer属性
- SilverLight MultiScaleImage 的Source属性动态设置
- jQuery中动态设置表格的属性
- 动态设置TextView的android:drawableLeft属性
- 动态设置控件属性的值
- android动态设置控件的各种属性
- EditText相关属性动态设置的问题
- 动态设置TextView的drawable属性
- 我的自述,我的自我评价,认识自己,升华自己
- 一个完整的项目流程是确保项目顺利进行的关键
- 用VS2013建一个C++程序
- wdk学习之路
- 巨细热点项目的分享,谈下这个项目的细节内容
- 动态设置js的属性
- openWRT的ipk编译方法
- ARM中断向量表与响应流程
- selenium+Java等待模式(显式等待+隐式等待)
- 指针与数组的“爱恨情仇”
- sdut 面向对象程序设计上机练习十二(运算符重载)
- 求10000以内完美数
- 文件操作
- hdu 2586 How far away ?(LCA)