如何通过js获取DOM元素，控制DOM树即可

在JavaScript中，获取DOM（Document Object Model）元素通常有两种常见的方式：

1. **通过ID选择器**：你可以使用`document.getElementById()`方法，它接收一个ID作为参数，返回具有该ID的第一个匹配元素。例如：

   var element = document.getElementById('myElement');

2. **通过标签名、类名或属性选择器**：如果你需要更灵活的选择，可以使用`document.querySelector()`或`document.querySelectorAll()`。前者返回第一个匹配的元素，后者返回所有匹配的元素数组。例如：

   var elements = document.querySelectorAll('.myClass'); // 获取所有class为'myClass'的元素
   var firstElement = document.querySelector('#myDiv p'); // 获取id为'myDiv'下的第一个`p`元素

3. **通过动态创建节点**：比如从HTML字符串创建元素并添加到文档中：

   var newElement = document.createElement('div');
   document.body.appendChild(newElement);

4. **使用事件监听器**: 当某个事件触发时，事件处理函数会自动传递对应的DOM元素作为参数，如`event.target`。

控制DOM树包括操作元素的内容、样式、位置等属性。例如：
- 修改内容：`element.innerHTML` 或 `element.textContent`
- 设置样式：`element.style.propertyName = value`
- 添加、删除或移动元素：`element.appendChild(childElement)` 或 `parentElement.removeChild(element)`