如何使用javaScript中的DOM自动递增编号结果？

我有一个返回结果的函数，如何实现自动递增，以便对结果进行编号？我需要使用循环吗

function addEventOutputTracking(outputText, extraText) {
  var num = 1;
  var node;//for element to add child element later
  var pChildNode = document.createElement("p");//new element that will be child of node

  //new document parts created, so add them to document
  node = document.getElementById("eventOutput"); //existing div we are adding to
  node.appendChild(pChildNode); //adding p element as child of div
  pChildNode.appendChild(document.createTextNode(num + 1 + outputText + " " + extraText)); //adding text to new p element

}//end function addEventOutputTracking

---

您可以向

p

元素添加

className

，使用

文档返回的
className
元素的
.length
。querySelectorAll（/*className*/）

递增

var pChildNode = document.createElement("p");
pChildNode.className = "abc";
node.appendChild(pChildNode);
pChildNode.appendChild(document.createTextNode(
  document.querySelectorAll(".abc").length + outputText + " " + extraText)
);

---

您可以向

p

元素添加

className

，使用

文档返回的
className
元素的
.length
。querySelectorAll（/*className*/）

递增

var pChildNode = document.createElement("p");
pChildNode.className = "abc";
node.appendChild(pChildNode);
pChildNode.appendChild(document.createTextNode(
  document.querySelectorAll(".abc").length + outputText + " " + extraText)
);

---

也许是这样的：

var addEventOutputTracker=(function(){
    var num=1;
    return function(outputText,extraText) {
          var node;//for element to add child element later
          var pChildNode = document.createElement("p");//new element that will be child of node
//new document parts created, so add them to document
          node = document.getElementById("eventOutput"); //existing div we are adding to
          node.appendChild(pChildNode); //adding p element as child of div
          pChildNode.appendChild(document.createTextNode((num++) + outputText + " " + extraText)); //adding text to new p element
    }
})();

---

也许是这样的：

var addEventOutputTracker=(function(){
    var num=1;
    return function(outputText,extraText) {
          var node;//for element to add child element later
          var pChildNode = document.createElement("p");//new element that will be child of node
//new document parts created, so add them to document
          node = document.getElementById("eventOutput"); //existing div we are adding to
          node.appendChild(pChildNode); //adding p element as child of div
          pChildNode.appendChild(document.createTextNode((num++) + outputText + " " + extraText)); //adding text to new p element
    }
})();

---

在每次调用

addeventouttracker

时，num++是否为

2

？否。num将在每次调用addeventouttracker时递增。解释“为什么num是递增的？”我建议阅读这篇文章：“否。num将在每次调用addeventouttracker时递增。”是否

var num=1

在每次调用

addeventouttracker

时将

num

设置为

1

？否。

var num=1

是匿名函数的一部分。此函数返回AddEventOutTracker的主体。因此，num被密封在闭包中。请阅读我上一篇评论中的文章。在每次调用

addeventouttracker

时，

num++

是否为

2

？否。num将在每次调用addeventouttracker时递增。解释“为什么num是递增的？”我建议阅读这篇文章：“否。num将在每次调用addeventouttracker时递增。”是否

var num=1

在每次调用

addeventouttracker

时将

num

设置为

1

？否。

var num=1

是匿名函数的一部分。此函数返回AddEventOutTracker的主体。因此，num被密封在闭包中。请阅读我之前评论中的文章。