一次循环一组<p>

Question

我正在试图弄清楚如何计算p的数量，所以每次按下按钮时，它都会输出到0到1，直到计算出最大p数。

var big_number = 999999;
var i;
var a = document.getElementsByTagName("p");
function function0() {
for (i=0; i < big_number; i++) { 
document.getElementsByTagName("p")[i].innerHTML="text";
  }
}

每次按下按钮，我希望它写入另一个p。

Answer 1

Type

这就是你问的问题吗？

Answer 2

要了解文档中有多少<p>个元素，您应该使用DOM的长度属性，如下所示： -

var numP = document.getElementsByTagName("P").length;

或

var div = document.getElementById("myDIV");
var numP = div.getElementsByTagName("P").length;

获取标签内的元素数量。

Answer 3

制作通用标记加法器函数，然后调用它：

function addTags(tagName,start, max, container) {
  var i = start;
  for (i; i < max; i++) {
    var newp = document.createElement(tagName);
    newp.innerHTML = "paragraph" + i;
    container.appendChild(newp);
  }
}
var tag = 'p';
var big_number = 30;
var i;
var a = document.getElementsByTagName(tag );
// **THIS is your specific question answer**:
var pCount = a.length;
var parent = document.getElementById('mydiv');
addTags(tag,pCount , big_number, parent);
// add 10 more
a = document.getElementsByTagName(tag );
pCount = a.length;
big_number = big_number+10;
addTags(tag,pCount , big_number, parent);

修改 注意：这可能会更好，只需要一次点击DOM，由您决定是否需要：

function addTagGroup(tagName, start, max, container) {
  var tempContainer = document.createDocumentFragment();
  var i = start;
  for (i; i < max; i++) {
    var el = document.createElement(tagName);
    el.textContent = "Paragraph" + i;
    tempContainer.appendChild(el);
  }
  container.appendChild(tempContainer);
}