Javascript document.querySelector仅读取1个类

document.getElementById

仅执行第一个

当我单击时，我希望所有

ul

在它们内部单击时工作

PHP

---

您应该在列表中设置类，而不是Id。Id应该是唯一的标识符，但类是一种可以创建多个公共元素的方法。在这里，我已将您的ID更改为类

for ($i=0; $i < $Count_Assoc['dev'] ; $i++) { 

  $History_Assoc = mysqli_fetch_array($HistoryQuery);

  echo '<ul class="repoFolder" data-value="'. $History_Assoc['devaddr'] .'">';
  echo '<br>';

  echo '<h5 style=" color: black;
  padding: 0px 9em 0em 0em;">DevAddr:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspData:</h5>';
  echo '<p>'.$History_Assoc['devaddr'].'&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp'.$History_Assoc['data'].'</p>';

  echo "</ul>";
  echo '<br>';

}

for（$i=0；$i<$Count_Assoc['dev']；$i++）{
$History\u Assoc=mysqli\u fetch\u数组（$HistoryQuery）；
echo'
”；
回声“
”；
echo“DevAddr:nbsp             数据：”；
回显“”.$History\u Assoc['devaddr'”。 ；nbsp；nbsp；nbsp；nbsp；nbsp；$History\u Assoc['data'.
”；
回声“
”；
回声“
”；
}

和JavaScript：

var folders = document.getElementsByClassName("repoFolder");
for (let i = 0; i < folders.length; i++) {
  folders[i].onclick = function() {rootFolder.call(this)}; // note that I am passing in the context to rootFolder. 
}

function rootFolder() {

  alert(this.getAttribute('data-value'));

}

var folders=document.getElementsByClassName（“repoFolder”）；
for（设i=0；i

您应该在列表中设置类，而不是Id。Id应该是唯一的标识符，但类是一种可以创建多个公共元素的方法。在这里，我已将您的ID更改为类

for ($i=0; $i < $Count_Assoc['dev'] ; $i++) { 

  $History_Assoc = mysqli_fetch_array($HistoryQuery);

  echo '<ul class="repoFolder" data-value="'. $History_Assoc['devaddr'] .'">';
  echo '<br>';

  echo '<h5 style=" color: black;
  padding: 0px 9em 0em 0em;">DevAddr:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspData:</h5>';
  echo '<p>'.$History_Assoc['devaddr'].'&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp'.$History_Assoc['data'].'</p>';

  echo "</ul>";
  echo '<br>';

}

for（$i=0；$i<$Count_Assoc['dev']；$i++）{
$History\u Assoc=mysqli\u fetch\u数组（$HistoryQuery）；
echo'
”；
回声“
”；
echo“DevAddr:nbsp             数据：”；
回显“”.$History\u Assoc['devaddr'”。 ；nbsp；nbsp；nbsp；nbsp；nbsp；$History\u Assoc['data'.
”；
回声“
”；
回声“
”；
}

和JavaScript：

var folders = document.getElementsByClassName("repoFolder");
for (let i = 0; i < folders.length; i++) {
  folders[i].onclick = function() {rootFolder.call(this)}; // note that I am passing in the context to rootFolder. 
}

function rootFolder() {

  alert(this.getAttribute('data-value'));

}

var folders=document.getElementsByClassName（“repoFolder”）；
for（设i=0；i

您可以使用

querySelectorAll

选择带有类的所有元素

repofleter

，循环遍历每个元素并附加eventListener

var elements = document.querySelectorAll('.repoFolder');
elements.forEach(function(el){
    el.addEventListener('click', rootFolder);
})

function rootFolder( ){ ... }

---

您可以使用

querySelectorAll

选择具有类

repofleter

的所有元素，循环遍历每个元素并附加eventListener

var elements = document.querySelectorAll('.repoFolder');
elements.forEach(function(el){
    el.addEventListener('click', rootFolder);
})

function rootFolder( ){ ... }

从

querySelector（）方法返回与 文档中指定的CSS选择器

如果要获取具有特定类或名称的所有元素：

document.getElementsByClassName("text").onclick = function () {
    alert("Called");
}

从

querySelector（）方法返回与 文档中指定的CSS选择器

如果要获取具有特定类或名称的所有元素：

document.getElementsByClassName("text").onclick = function () {
    alert("Called");
}

---

id必须是唯一的。您应该研究如何使用类而不是chevybow，我也尝试过使用类，但在使用document.querySelector（'.repofolder'）时出现了相同的错误。onclickid必须是唯一的。您应该研究一下如何使用类而不是chevybow，我也尝试过使用类，但在使用document.querySelector（'.repofolder'）时出现了相同的错误。onclick@VictorZaccagnini抱歉，javascript

.getElementByClass

的第一行不正确，不是函数。我已经改正了。重试？@Victorzaccagini抱歉，javascript

.getElementByClass

的第一行不正确，不是函数。我已经改正了。再试一次？