如何使用类检查<p>元素为空？

Question

如何检查

元素是否为空或不使用类。 例如

n=1
while (n<4) {
 if (checks if p element class(n) is empty){
 //Replaces the p element with variable
}
 else {
 n++} 

<p id="working" class="machine1"></p>
<p id="working" class="machine2"></p>
<p id="working" class="machine3"></p>

Answer 1

您可以使用 document.querySelectorAll() 来获取具有特定类的所有<p>。

  

id总是特定于元素的。两个元素不能具有相同的id 。可以在具有某种相同功能的元素上使用相同的类。

通过将元素innerHTML与''比较来检查元素是否为空

let paras = Array.from(document.querySelectorAll('.working'));
paras.forEach((para,i) => {
  if(para.innerHTML === '') para.innerHTML = i;
})

<p class="working" id="machine1"></p>
<p class="working" id="machine2"></p>
<p class="working" id="machine3"></p>