js 获取元素内容

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

// 1. 使用 innerHTML 获取或设置元素的 HTML 内容
let element = document.getElementById("myElement");
let content = element.innerHTML; // 获取元素的 HTML 内容
console.log(content);

// 2. 使用 textContent 获取或设置元素的文本内容
let textContent = element.textContent; // 获取元素的纯文本内容，不包括 HTML 标签
console.log(textContent);

// 3. 使用 value 获取或设置表单元素（如 input、textarea）的值
let inputElement = document.getElementById("myInput");
let inputValue = inputElement.value; // 获取 input 元素的值
console.log(inputValue);

解释说明：

• innerHTML：获取或设置元素的完整 HTML 内容，包括标签。适用于大多数元素。
• textContent：仅获取或设置元素的纯文本内容，不包括任何 HTML 标签。适用于需要纯文本的情况。
• value：专门用于获取或设置表单元素（如 <input> 或 <textarea>）的值。

如果你需要进一步的帮助或有其他问题，请告诉我！