DOM-元素对象

DOM (Document Object Model) 是用于访问和操作 HTML 和 XML 文档的一种编程接口。每一个 HTML 或 XML 文件都可以被解析成一个树形结构，其中包含很多节点，如元素节点、属性节点、文本节点等等。而 DOM 元素对象则表示了这些节点中的元素节点。

获取元素对象

在 JavaScript 中，我们可以通过多种方式获取元素对象，如：

// 通过元素 ID 获取元素对象
const elementById = document.getElementById('myElement');

// 通过元素名称获取元素对象
const elementsByTagName = document.getElementsByTagName('div');

// 通过元素类名获取元素对象
const elementsByClassName = document.getElementsByClassName('myClass');

// 通过 CSS 选择器获取元素对象
const elementsBySelector = document.querySelector('#myElement .myClass');

元素对象的属性和方法

获取到元素对象后，我们可以通过它的属性和方法来操作这个元素，例如：

// 属性
elementById.textContent = 'Hello, World!'; // 设置元素文本内容
elementById.getAttribute('id'); // 获取元素属性值

// 方法
elementById.addEventListener('click', () => { alert('clicked!'); }); // 绑定事件监听器
elementById.appendChild(newChildElement); // 在元素结尾添加子元素

对于常用的元素，还有一些特殊的属性和方法，例如：

const inputElement = document.querySelector('input[type="text"]');

// input 元素独有的属性
inputElement.value = 'input value'; // 设置 input 元素的值

// input 元素独有的方法
inputElement.select(); // 选中 input 元素中的文本

总结

DOM-元素对象是操作 HTML 和 XML 文档中元素的主要手段。通过获取元素对象和使用它的属性和方法，我们可以更加灵活地操作文档中的元素。