Question

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

Answer 1

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

var li = document.getElementsByTagName('li')[0];
//设置 li 属性，如 data-falg,设置为true
li.setAttribute("data-falg", "true");

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

Answer 2

情景1. 需要内存地址不变的话, 用 `Object.assign`,
例子:
let aObj = bObj = { t: { t: 't' } };
let newObj = { t2: 't2' };
Object.assign(aObj, newObj);
console.log(aObj === bObj); // true; 内存地址相同, 修改的原对象
____________________________________________________
情景2. 不考虑内存地址, 原对象可抛弃, 用 `...obj` 重新赋值
例子:

let cObj = dObj = { t3: { t3: 't3' } };
let newObj2 = { t4: 't4' };
cObj = { ...cObj, newObj2 };
console.log(cObj === dObj); // false; 内存地址不同, 创建的新对象
--------------------------------------------------
或者 Object.assign 重新赋值,第一个参数设为空对象 {}
例子:
let eObj = fObj = { t5: { t5: 't5' } };
let newObj3 = { t6: 't6' };
eObj = Object.assign({}, eObj, newObj3};
console.log(eObj === fObj); // false; 内存地址不同, 创建的新对象

Answer 3

js给div添加样式是document.getElementById("111").style.width="100px";
jq的是$("").css("width","100px"),
jq的是$("").css({
width:"100px",
height:"100px"
}),