<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" name="" id="input" value="" />
<h1></h1>
<h3 id="username"></h3>
<h4 id="age"></h4>
<script type="text/javascript">
var inputText = document.querySelector('#input')
var h1 = document.querySelector('h1')
var h3 = document.querySelector('#username')
var age = document.querySelector('#age')
inputText.oninput = function(){
var value = inputText.value
h1.innerHTML = value;
}
var obj = {
// name:'张三',
age:14,
set name(value){
// console.log(value)
this._name = value
h3.innerHTML = this._name
},
get name(){
return this._name
},
}
console.log(obj)
//setter,getter//es6,es2015标准
//在给对象属性赋值，或者是获取对象属性的时候，会调用setter、getter两个方法
</script>
</body>
</html>
