var btn = document.getElementById('btn');
btn.onclick = function () {
btn.style.background = 'red';
btn.style.width = '200px';
btn.style.height = '100px';
简单双向数据绑定
一个简单的 JavaScript 模块通过访问器修改器处理双向数据绑定，使用全局类来封装功能。
通过 {{}} 表达式定义插值点，输入绑定可以通过数据关系属性定义，该属性可以整理到模块存储中的属性，如果没有定义属性，它将使用输入值作为表达式创建。
var myModule = new globalModel({
template: '<div><h2>Hello {{name}}</h2><input type="text" id="name" value="Bob" data-relation="name" />',
renderNode: document.getElementById('someWrapper'),
store: {
somePresetValue: 'foobar'
myModule.set('name',
本文主要给大家介绍的关于Javascript中getter和setter的相关内容，第一次听说这个东西的时候是vue.js里面的数据绑定，只要绑定了数据，修改对象属性可以自动反馈到dom上，很神奇，后面也看到了文档里面实现是对对象定义了getter和setter并覆盖原属性，索性就来总结这两者的用法，下面话不多说了，来一起看看详细的介绍吧。
利用Object.defineProperty来重写对象属性为getter和setter，通过getter和setter顺便改变绑定DOM节点的值
摘自MDN
function Archiver() {
var temperature
已检查：绑定“已检查”属性
show † ：绑定“ display” css属性（使用“ block”）
showInline † ：绑定“ display” css属性（使用“ inline-block”）
html † ：绑定内部HTML
†这些不是双向绑定，它们只会反映属性的更改
简单的例子
创建一些变量并将其绑定到input和span元素。
<!-- bind the inner HTML of the span elements -->
< p> < span tiny-html =' name.first '> </ span> < span tiny-html =' name.last '> </ span> </ p>
通过 setter 和 getter 将 dom 绑定到类属性
连接 dojo 细节，例如 attachpoint 和 attachevent
当给定的属性更改时，部分重新渲染所需的 html
无需编码即可绑定； 全部在模板中完成。
只需创建一个模板化对象和一个模板（查看测试以获取想法）并调用 Mizuhiki.render。
一个有效的模板可能如下所示（取自测试）：
< input type =" text " value =" {{Text}} " data-dojo-type =" dijit.form.TextBox " data-dojo-pr
2.实现：
按照需求给组件添加自定义属性（可加可不加，根据具体情况，也可以用自身属性），我这里需要改变的是按钮状态，所以在
当前button 增加一个自定义属性values。
加载页面初始显示根据代码中的判断条件...
function allCheck() {
var all = document.getElementsByClassName(“check”);
for (var i = 0; i<all.length;i
在页面中使用动态绑定事件，我们很容易就想到了onpropertychange、oninput和onchange。
首先说下这三个区别。
onchange：当前属性值发生改变，并且有鼠标或者键盘触发，并失去焦点。
onpropertychange：属性值发生改变。但是他是IE专属事件，并在IE9开始弃用，IE11已停止使用。
oninput：是onpropertychange事件的非IE
主要通过在赋值后直接.trigger('input')
可以看这个：https://blog.csdn.net/qq_35087256/article/details/79552624
<input type="text" value="江城子" class="input">
<!-- 遮罩层-->
<div id="loadingBg">
<ul id="wait">
<li>老夫聊发少年狂</li>
js实现的文本框内容发生改变立马触发事件简单介绍:本章节介绍一下如何在文本框的内容发生变化的时候，立马触发一个事件执行响应的操作，而不是像是keydow或者keyup事件一样，只能够检测通过键盘输入导致内容的变化， 下面就通过代码实例做一下简单介绍。
一.相关知识准备:
1.onchange事件:此事件会在元素内容发生改变，且失去焦点的时候触发。
浏览器支持度较好。2.onpropertyc
