Question

2020-06-11

63

javascript innerhtml

我试图将许多类似的函数合并为一个，但遇到了一些困难。

这是原始函数之一的示例（通过按下按钮调用）。

    function ADD_ONE(Variable_Name){
Variable_Name += 1;
        document.getElementById(Variable_Name).innerHTML = Variable_Name;
   };

这是我的替换尝试

function ADD_ONE(Variable_Name){
Variable_Name += 1;
        document.getElementById(Variable_Name).innerHTML = Variable_Name;
   };

这会导致错误：

ref(v1.0).html:744 Uncaught TypeError: Cannot set property 'innerHTML' of null
    at ADD_ONE

我可能遗漏了一些非常简单的东西，但由于我对 Javascript 还比较陌生，任何帮助都非常感谢。

Answer 1

您的 HTML 是什么？该错误通常意味着您的页面没有您尝试在其上调用 document.getElementById() 的元素，因为如果该元素不存在，它将返回 null，并且 null 没有 innerHTML 属性，因为它不是元素。但是，如果不查看 HTML，则无法验证这一点。

Answer 2

问题在于您更改 Variable_Name 的顺序，您在获取原始元素之前就对其进行了更改，因此只需输入：

var element = document.getElementById(Variable_Name);

Variable_Name += 1;

element.innerHtml += Variable_Name;

Answer 3

因为当你对变量 +1 时，之后当你想要获取此元素时，该元素在 DOM 中不存在，

Variable_Name += 1

此行不正确，并且 DOM 中没有此元素