document.getElementById（“elementId”）.innerHTML

Question

首先，让我解释一下我想要做什么：我想为视频游戏制作一个脚本，计算游戏中的多少钱，并创建一个元素来显示它。跟踪金钱部分很容易，但显然制作元素就像我试图做的最令人困惑的事情一样。

Chrome 控制台的 Lightshot 屏幕截图：https://prnt.sc/shszc2 屏幕截图中蓝色突出显示的行在执行两次后出现错误。我用红色框住了错误消息。

我将从我拥有的脚本中删除一些代码，主要针对对我想要帮助的问题很重要的代码，省略我理解的代码。

还要注意，我对在Javascript中生成图形非常陌生，所以如果我制作元素的方式很可怕，那么这是因为我只是不断尝试随机的废话，直到某些东西似乎有效并坚持使用任何东西。

// The elements that I created. Again i know next to nothing about elements, so the only thing that I 

// know will work is this catastrophe. 

var initialDiv = document.getElementById('onecup');

mainText = initialDiv.appendChild(document.createElement('mainText'));

mainText.style.position = 'absolute';

mainText.style.left="50%";

mainText.style.top="64px"

mainText.style.width = "290px";

mainText.style.height = "160px";

mainText.style.color = "white";

mainText.style.zindex = 1;

mainText.style.fontSize = "18px"

trackerBack = mainText.appendChild(document.createElement('trackerBack'));

trackerBack.style.position = 'absolute';

trackerBack.style.left="-200px"

trackerBack.style.top="0px"

trackerBack.style.width = "400px";

trackerBack.style.height = "160px";

trackerBack.style.backgroundColor = "black";

trackerBack.style.opacity = ".20"

trackerBack.style.zindex=1;

diffTotal = trackerBack.appendChild(document.createElement('diffTotal'));

diffTotal.id = "diffTotal"

diffTotal.style.position = 'absolute';

diffTotal.style.top="20%"

diffTotal.style.left="40%";

diffTotal.style.color = "rgba(255,255,255,255)";

diffTotal.style.opacity = "1"

diffTotal.style.zindex = 2;

diffTotal.style.fontSize = "30px"

diffFielded = diffTotal.appendChild(document.createElement('diffFielded'));

diffFielded.id = "diffFielded"

diffFielded.style.position = 'absolute';

diffFielded.style.top="-15px"

diffFielded.style.left="0px";

diffFielded.style.color = "rgba(255,255,255,255)";

diffFielded.style.opacity = "1"

diffFielded.style.zindex = 2;

}

Answer 1

我明白了：diffTotal = trackerBack.appendChild(document.createElement('diffTotal'));diffFielded = diffTotal.appendChild(document.createElement('diffFielded'));conductValues("diffTotal", (aValP + aValU - bValP - bValU))conductValues("diffFielded", (aValU - bValU))conductValues = function(targetName, targetAssignment) {    document.getElementById(targetName).innerHTML = toBna2(targetAssignment)}这些是导致错误的行。 是 的子项。在第一次调用中，您将替换 的内部 HTML。当您执行此操作时，您正在删除 ，因为它被新值替换，然后它不能再被找到，因为它不再存在。diffFieldeddiffTotalconductValuesdiffTotaldiffFielded我假设实际上应该是 的另一个孩子，所以你应该这样做：diffFieldedtrackerBackdiffFielded = trackerBack.appendChild(document.createElement('diffFielded'));提示：将样式内容移动到 css 文件中。