番号を付けた結果をjavaScriptのDOMで自動的にインクリメントする方法はありますか？

Question

私は結果を返す関数を持っています。どのように私は結果に番号を付けることができるように自動インクリメントに近づきますか？ループを使用する必要がありますか？

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 

Answer 1

あなたはclassNameはたぶん

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

Answer 2

をインクリメントするdocument.querySelectorAll(/* className */)によって返されたこのような何か有する要素の.length使用し、classNamepに要素を追加することができます。

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 
    } 
})();