js怎么修改html中的数字

如何在 JavaScript 中修改 HTML 中的数字

想要在 JavaScript 中修改 HTML 中的数字，可以使用以下方法：

1. 使用 innerHTML 属性

innerHTML 属性可以获取或设置元素的 HTML 内容。要修改数字，可以使用以下语法：

立即学习“前端免费学习笔记（深入）”；

element.innerHTML = "新数字";

例如：

<p id="number">10</p>

document.getElementById("number").innerHTML = "15";

运行此代码后，HTML 元素中的数字将从 10 变为 15。

2. 使用 textContent 属性

textContent 属性获取或设置元素的文本内容。它与 innerHTML 类似，但不会解析 HTML 代码。要修改数字，可以使用以下语法：

element.textContent = "新数字";

例如：

<p id="number">10</p>

document.getElementById("number").textContent = "15";

运行此代码后，HTML 元素中的数字将从 10 变为 15，但不会解析任何 HTML 标签。

3. 使用 value 属性（对于表单元素）

对于表单元素（如 和 ），可以使用 value 属性获取或设置元素的值。要修改数字，可以使用以下语法：

element.value = "新数字";

例如：

<input id="number" type="number" value="10">

document.getElementById("number").value = "15";

运行此代码后，表单元素中的数字将从 10 变为 15。