Question

在课堂上我们正在学习JavaScript，我们必须找出如何通过重复添加计数来停止按钮点击.insertbefore 我很难过为什么它不断插入计数。

      function clicked() {
            console.log("Clicked!");
            var count = "Node Count: "+countChildren(document.getElementById("content"));
            console.log(count);
      try {
            var span = document.createElement("span");
            span.innerHTML = count;
            document.getElementsByTagName("body")[0].insertBefore(span, document.getElementById("content"));
      } catch(ex) {
            console.log("error "+ex)
           }
      }

Answer 1

像这样修改你的按钮HTML

<input type ="button" onclick="clicked(); this.onclick=null;"/>

所以当执行一次点击功能时，这将停止进一步点击动作

Answer 2

您需要检查节点是否已添加。

 var count = ...
 if ( count !== 0 ) {
      return;
 }

 try {
     ...
 }
 catch(ex) {
     ...
 }

我只想让点击添加一个计数，而不是重复添加内容

2 个答案: