js中如何动态向枚举中添加元素

JavaScript026

js中如何动态向枚举中添加元素,第1张

1、动态创建元素时，将事件触发方式加入到元素创建中

例如：

document.getElementById('id').innerHTML='<input type="button" onclick="btnClick()" value="aaa"/>'

function btnClick(){

alert('事件触发')

}

2、动态创建元素完成后，重新获取该元素绑定事件

例如：

document.getElementById('id').innerHTML='<input type="button" id="btn" />'

document.getElementById('btn').onclick=function(){

alert('事件触发')

}

js中每个对象的属性都有一个属性enumerable，这个属性true/false决定了这个属性是否可枚举

1、基本数据类型自带的原型属性不可枚举

2、通过Object.defineProperty()方法指定的enumerable为false的属性不可枚举

Object.keys()返回属性key，但不包括不可枚举的属性

Reflect.ownKeys()返回所有属性key

他们两个都不能遍历原型上的属性

for in

for in一般用于遍历对象的属性；

作用于数组的for in除了会遍历数组元素外，还会遍历自定义可枚举的属性，以及原型链上可枚举的属性；

作用于数组的for in的遍历结果是数组的索引，且都为字符串型，不能用于运算；

某些情况下，可能按照随机顺序遍历数组元素；

for of

ES6中添加的循环语法；

for of支持遍历数组、类对象（例如DOM NodeList对象）、字符串、Map对象、Set对象；

for of不支持遍历普通对象，可通过与Object.keys()搭配使用遍历；

for of遍历后的输出结果为数组元素的值；