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

Posted 2023-03-19

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

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

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

参考技术A 情景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; 内存地址不同, 创建的新对象 参考技术B js给div添加样式是document.getElementById("111").style.width="100px";
jq的是$("").css("width","100px"),
jq的是$("").css(
width:"100px",
height:"100px"
),