Question

java脚本只获取第一个id。第二个id忽略了代码。无论如何都使用相同的java脚本制作两个ID？

新增项目列表项目

<div id="add_item" class="tabcontent">
<div id="subcatchooser"></div>   

<div id="list_item" class="tabcontent">

<div id="subcatchooser"></div>

这里的Java脚本

function showsubcat(str) {
    if (str.length == 0) { 
        document.getElementById("subcatchooser").innerHTML = "";
        return;
    } else {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("subcatchooser").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET", "ajax.php?action=showsubcat&parent_id=" + str, true);
        xmlhttp.send();
    }
}

</script>

Answer 1

这是类和ID之间的主要区别。类被设计为多次使用，而ID被设计为唯一的。所以你可以把div改成这样：

<div class="subcatchooser"></div>

然后将JavaScript更改为：

var elements = document.getElementsByClassName("subcatchooser");
for (var i = 0; i < elements.length; i++) {
  elements[i].innerHTML = "";
}

使用Java Script获取所有相同的ID

1 个答案: