如何使用DOM为<div>元素添加小数数值，实现点击按钮每次加0.1

你的代码没生效的核心问题有两个：

1. document.getElementById("points")获取的是DOM元素对象，不是元素内的数值，直接和0.1相加会得到无意义的字符串拼接结果（比如[object HTMLDivElement]0.1）
2. 就算计算出正确值，也没有把结果写回
   的内容里，页面自然不会更新

正确实现代码 #

// 获取按钮和目标div
const addBtn = document.getElementById("addBtn");
const pointsDiv = document.getElementById("points");

// 绑定点击事件
addBtn.addEventListener("click", () => {
  // 读取当前数值，转成浮点数，默认0避免NaN
  let currentNum = parseFloat(pointsDiv.textContent) || 0;
  // 累加0.1
  currentNum += 0.1;
  // 写回div，保留1位小数解决浮点数精度问题
  pointsDiv.textContent = currentNum.toFixed(1);
});

关键细节说明 #

• parseFloat(pointsDiv.textContent)：把
  里的文本内容转成浮点数，确保能进行数值运算
• || 0：如果
  初始为空或不是数字，默认用0作为起始值，防止出现NaN
• toFixed(1)：强制保留1位小数，避免浮点数精度误差（比如连续累加0.1可能出现0.30000000000000004这种奇怪结果）
• 必须赋值给textContent：只有把计算后的值写回元素的文本属性，页面才会显示更新后的数值

内容的提问来源于stack exchange，提问作者Henry Pai