html无限级分类源代码

HTML无限级分类源代码是一种十分重要的网页编写技术，它可以让我们非常方便的实现多级分类的需求。下面我们来详细了解一下HTML无限级分类源代码的相关知识。

function show(id) {
    var list = document.getElementById(id); //获取当前节点的列表
    var arr = list.getElementsByTagName("li"); //获取当前列表下的所有li节点
    for (var i = 0; i < arr.length; i++) {
        var childList = arr[i].getElementsByTagName("ul")[0]; //获取当前li节点下的ul节点
        if (childList) {
            if (childList.style.display == "block") { //如果ul节点已经打开
                childList.style.display = "none"; //将ul节点关闭
                arr[i].className = "collapsed"; //改变li节点的class属性
            } else {
                childList.style.display = "block"; //将ul节点打开
                arr[i].className = "expanded"; //改变li节点的class属性
            }
            show(childList.id); //递归调用show函数
        }
    }
}

以上代码中，我们定义了一个名为show的函数，用于实现无限级分类的展示效果。在该函数中，我们获取了当前节点的列表，并使用getElementsByTagName方法获取该列表下的所有li节点。接着，我们使用for循环遍历该列表下的所有li节点，使用getElementsByTagName方法获取每个li节点下的ul节点（如果存在）。如果ul节点存在且已经打开，则将ul节点关闭，并将该li节点的class属性改为collapsed，反之则将ul节点打开，并将该li节点的class属性改为expanded。最后，我们使用递归调用show函数，来处理当前li节点下的所有子节点。