js 获取html

// 获取HTML元素的几种常见方法

// 1. 使用 getElementById 获取单个元素
let elementById = document.getElementById('myElementId');
// 解释：通过指定的ID获取单个HTML元素，返回一个DOM对象。

// 2. 使用 getElementsByClassName 获取多个元素
let elementsByClass = document.getElementsByClassName('myClass');
// 解释：通过类名获取一组HTML元素，返回一个HTMLCollection对象。

// 3. 使用 querySelector 获取单个元素
let elementByQuery = document.querySelector('.myClass');
// 解释：使用CSS选择器语法获取第一个匹配的HTML元素，返回一个DOM对象。

// 4. 使用 querySelectorAll 获取多个元素
let elementsByQuery = document.querySelectorAll('.myClass');
// 解释：使用CSS选择器语法获取所有匹配的HTML元素，返回一个NodeList对象。

// 5. 获取元素的innerHTML属性
let htmlContent = elementById.innerHTML;
// 解释：获取或设置指定元素的HTML内容。

// 6. 获取元素的outerHTML属性
let outerHtmlContent = elementById.outerHTML;
// 解释：获取包含元素本身的HTML内容。