JavaScript 元素编辑值 - JavaScript

在 JavaScript 中，可以通过以下几种方式编辑 HTML 元素的值：

1. 使用 innerHTML 属性

使用 innerHTML 属性可以获取或设置 HTML 元素的内容。

// 获取元素内容
const element = document.getElementById("myElement");
const content = element.innerHTML;

// 设置元素内容
element.innerHTML = "新的内容";

2. 使用 textContent 属性

使用 textContent 属性可以获取或设置元素的文本内容。与 innerHTML 相比，textContent 仅包含文本，不包含 HTML 标记。

// 获取元素文本内容
const element = document.getElementById("myElement");
const text = element.textContent;

// 设置元素文本内容
element.textContent = "新的文本内容";

3. 使用 value 属性

使用 value 属性可以获取或设置表单元素（如 input 或 textarea）的值。

// 获取表单元素的值
const input = document.getElementById("myInput");
const value = input.value;

// 设置表单元素的值
input.value = "新的值";

4. 使用属性

除了以上三种方式，还可以使用元素的属性直接获取或设置元素的值。

// 获取属性值
const img = document.getElementById("myImg");
const src = img.src;

// 设置属性值
img.src = "新的图片地址";

以上是 JavaScript 中元素编辑值的几种方式。在实际开发中，根据需要选择不同的方式来操作元素的值。