javascript - 通过变量引用 DOM.innerText 来更改它的值

Question

Noob-101:

在我的代码中，我想通过变量引用“getElementById('#ID').innerText”来更轻松地访问和更改它。

let variable = 'getElementById('#ID').innerText;'

现在我递增:'variable++;'

问题:增量没有显示在 DOM 中，就好像变量没有引用文档属性一样。

我想避免每次在我的代码中都这样做:

document.getElementById('#ID').innerText = 变量;

我怎样才能实现我的目标？

谢谢

Answer 1

引用 DOM 而不是属性

var v1 = document.getElementById('#ID');

然后你的代码大小减小了

v1.innerText = "" + parseInt(v1.innertText) + 1

如果标签为空，请先将其设置为零或先设置为一，如下所示

if(v1.innerText == "") v1.innerText = "0"