动态的给一个空对象添加成员

 

<!DOCTYPE HTML>
<html lang="zh-cn" ng-app="CSSClasses">
<head>
    <meta charset="UTF-8">
    <title>CSSClasses</title>
    
</head>
<body>
请输入城市：<input type="text" id="city" />
请输入数值：<input type="text" id="value" />
<button id="btn">点击添加</button>
</body>
<script type="text/javascript">
    var obj = {};//初始化一个对象
    var oBtn = document.getElementById('btn');
    oBtn.onclick = function(){//点击but之后，再去取输入框的value
        var oCity = document.getElementById('city').value;//获取输入框中的数据
        var oValue = document.getElementById('value').value;//获取输入框中的数据
        obj[oCity] = oValue; //一般给对象添加成员的写法是：obj.key = Value;  但是由于此处的key value都是变量，所以只能用方括号的写法；
　　　　　console.log(obj); 
}
 </script>

 </html>

 

动态的将input输入框中的值获取到，然后成为对象的key，value;，再将它添加到对象obj中；

给对象添加属性  还可以用构造函数，添加，就是用this，然后实例化对象的时候通过传参 实现添加属性

posted on 2017-03-10 14:03  大娃二娃  阅读(284)  评论(0)  编辑  收藏  举报

导航