js里面怎么动态的为对象添加属性

添加属性用setAttribute()方法，可以传入两个参数，第一个是属性名称，第二个是要设置的属性值

var li = document.getElementsByTagName('li')[0]

//设置 li 属性，如 data-falg,设置为true

li.setAttribute("data-falg", "true")

也可以获取属性用getAttribute(),传入一个参数，是想获取的属性名称，返回的是该属性的值

有这样一个场景： v-for 渲染一个列表有10个子项，并且把第5个子项后的元素都添加一个属性 data-wow-delay='0.8s' ，实现如下：

可以得出一个给元素添加自定义属性的方法

当然，如果只是添加一个常见属性(css属性)，例如class,style等，下面这种方法也可以。

1、js创建一个对象或者在原有对象上添加一个已知属性，并给这个属性赋值，写法如下：

let obj = {'a1':'a1'}obj['a2'] = 'a2'console.log(obj)//输出{'a1':'a1','a2':'a2'}

2、添加一个变量属性，并赋值变量，写法如下：

function add(name,value){let obj = {"a1":"a1"}obj[name] = value//返回参数console.log(obj)//{"a1":"a1","b1":"b1"}}add("b1","b1")

---