javascript - 页面加载后获取元素

Question

页面加载后，如何调用函数来计算 id 为“d1”的 div 数量。现在我已经在我的部分中了，但是这不是在加载任何内容之前执行脚本吗？因为如果我将代码放在 div 标签下面它就可以工作...

Answer 1

首先，最多应该有一个，因为 ID 不应该重复。

其次，在直接的 Javascript 中你可以调用 getElementById()验证它是否存在或 getElementsByTagName()循环遍历所有 div 并计算符合您条件的数量。

var elem = document.getElementById("d1");
if (elem) {
  // it exists
}

或

var divs = document.getElementsByTagName("div");
var count = 0;
for (var i = 0; i < divs.length; i++) { 
  var div = divs[i];
  if (div.id == "d1") {
    count++;
  }
}

但我不能保证其行为的正确性，因为正如我所说，ID 应该是唯一的，如果不是，则行为是未定义的。