JavaScript如何使用数组实时更新DOM
JavaScript how to realtime update the DOM by using an Array?
我不确定KnockOut是否可以做到这一点,但我想要的是使用纯JavaScript变量(假设是'Array')作为DOM元素(假设是'UL')的源。
当我更新Array条目时,我希望'UL'以实时方式反映出来。当然:
- 我不想使用定时器之类的东西
- 我只想使用纯JavaScript数组。(不是Angular对象或其他)
这可能吗?
不使用array。Push来更新你的数组,写一个setter来同时更新数组和列表。
var list = document.querySelector('#myList'),
model = [],
update = function update(value) {
var item = document.createElement('li');
model.push(value);
item.textContent = value;
list.appendChild(item);
};
相关文章:
- 标记的实时更新,无需加载页面谷歌地图API V3
- 从angularjs中的javascript更新dom
- Javascript没有't更新DOM,直到用户交互
- 如何让React JS点击处理程序在执行时更新DOM
- Ionic:AngularJS变量未使用$scope更新DOM
- 使用Ajax调用在服务器上实时更新页面
- 实时更新,无需刷新页面
- Dojo dGrid/dStore实时更新
- 使用Javascript通过ajax回调更新DOM
- Angular JS根据搜索结果和点击事件更新DOM元素
- 我如何告诉javascript立即更新DOM
- 引导复选框-x 选中时未正确更新 DOM - 如何验证表单
- 如何在页面上进行实时更新
- 通过Javascript重复更新DOM后,网页变得很慢
- 从JSON实时更新
- 我希望我的php/html网站上的JavaScript能够实时更新
- 使用php-js-msyql的实时更新消息系统
- 实时更新的持久连接
- JavaScript如何使用数组实时更新DOM
- 如何在同一个web应用的多个实例中实时更新DOM