<!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，然后实例化对象的时候通过传参 实现添加属性