如何在 javascript 端将 html 元素内容从字符串转换为整数

Question

let counter = parseInt(document.getElementById("#integer").innerHTML)

let incbutton = document.querySelector("#increase")

incbutton.addEventListener("click" , increase)

function increase() {
counter += 1;
}

// there are html tags "" <h1 id="integer">100</h1> ""
and button "" <button id="increase">Increase</button> ""

当我尝试转换为 h1 标签的整数内容时，增加按钮不起作用。我认为因为 h1 标签仍然是字符串而不是整数。这里有什么错误？

your text

Answer 1

您只是处理一个变量，而不是主动设置/获取元素内部内容。

这是一个更好的尝试：

let incbutton = document.querySelector("#increase")
incbutton.addEventListener("click", increase)

const target = document.getElementById("integer");
function increase() {  
  target.innerText = parseInt(target.innerText) + 1;
}

<h1 id="integer">100</h1>
<button id="increase">Increase</button>