js实现添加
使用JavaScript实现元素添加
在JavaScript中，可以通过多种方式向DOM中添加元素。以下是几种常见的方法：
使用appendChild方法
创建新元素并将其添加到现有元素中：
const newElement = document.createElement('div');
newElement.textContent = '新添加的内容';
document.body.appendChild(newElement);使用insertAdjacentHTML方法
在指定位置插入HTML字符串：
const targetElement = document.getElementById('target');
targetElement.insertAdjacentHTML('beforeend', '<div>插入的内容</div>');使用innerHTML属性
直接设置元素的HTML内容：
const container = document.getElementById('container');
container.innerHTML += '<div>追加的内容</div>';向数组添加元素
在JavaScript中，向数组添加元素也有多种方式：
使用push方法
在数组末尾添加元素：
const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]使用unshift方法
在数组开头添加元素：
const arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]使用扩展运算符
创建新数组并添加元素：
const arr = [1, 2, 3];
const newArr = [...arr, 4];
console.log(newArr); // [1, 2, 3, 4]向对象添加属性
在JavaScript中，向对象添加属性也很简单：
使用点表示法
const obj = { a: 1 };
obj.b = 2;
console.log(obj); // { a: 1, b: 2 }使用方括号表示法
const obj = { a: 1 };
obj['b'] = 2;
console.log(obj); // { a: 1, b: 2 }使用Object.assign方法
合并对象并添加新属性：
const obj = { a: 1 };
const newObj = Object.assign({}, obj, { b: 2 });
console.log(newObj); // { a: 1, b: 2 }这些方法可以根据具体需求选择使用，每种方法都有其适用的场景。
