点击Increment按钮时浏览器计数器未递增的技术问询

你的代码问题出在JavaScript大小写敏感上——你写错了DOM元素的文本更新属性名：innertext应该是innerText（注意字母T是大写的）。

因为JavaScript严格区分大小写，innertext不是合法的DOM属性，所以赋值操作完全不会生效，页面上的计数器自然不会更新。

修复后的代码 #

JavaScript部分 #

let countEl = document.getElementById("count-el");
console.log(countEl);
let count = 0;

function increment() {
  count = count + 1;
  countEl.innerText = count; // 修正属性名的大小写
}

可选替代方案 #

也可以使用textContent属性，它的兼容性更好，效果完全一致：

countEl.textContent = count;

补充说明 #

• innerText会考虑元素的样式（比如隐藏元素的文本不会被获取/设置），而textContent只会获取纯文本内容，不考虑样式。
• 对于这个计数器场景，两个属性都能满足需求，选哪个都可以。

内容的提问来源于stack exchange，提问作者Rahul Peethambaran