js dom

// 获取元素
let element = document.getElementById('myElement'); // 通过ID获取元素

// 修改元素内容
element.innerHTML = '新的内容'; // 修改元素的HTML内容

// 添加样式
element.style.color = 'red'; // 修改元素的文本颜色为红色

// 添加事件监听器
element.addEventListener('click', function() {
    alert('你点击了这个元素'); // 当元素被点击时，弹出提示框
});

// 创建新元素
let newElement = document.createElement('div'); // 创建一个新的div元素
newElement.innerText = '这是一个新元素'; // 设置新元素的文本内容

// 将新元素添加到DOM中
document.body.appendChild(newElement); // 将新元素添加到页面的body中

// 移除元素
let parentElement = document.getElementById('parentElement');
let childElement = document.getElementById('childElement');
parentElement.removeChild(childElement); // 从父元素中移除子元素

解释说明：

1. 获取元素：使用 document.getElementById 可以通过元素的ID获取DOM元素。
2. 修改元素内容：通过 innerHTML 属性可以修改元素的内容。
3. 添加样式：直接操作元素的 style 属性可以修改其样式。
4. 添加事件监听器：使用 addEventListener 方法可以为元素添加事件监听器，例如点击事件。
5. 创建新元素：使用 document.createElement 创建一个新的DOM元素，并通过 appendChild 将其添加到现有的DOM结构中。
6. 移除元素：使用 removeChild 方法可以从父元素中移除一个子元素。