如何在 HTML、JS 中创建嵌套回复系统？-解网

问：

我正在开发一个网站，用户可以在其中发布文本，其他人可以回复，所以本质上是一个论坛。我需要将回复嵌套（最多到设定点）并可从查询字符串中调用（每个回复嵌套都需要与特定的动态查询字符串相关联）。目前，我正在使用本地存储，但最终需要移动到数据库。

我遇到的主要问题是嵌套并使其可从查询字符串调用。这可能是我正在搜索的方式，但我没有发现有人在谈论这个。有没有办法做到这一点？如果没有，我还应该怎么做？

JavaScript HTML 嵌套回复

let moreClass = document.querySelector("nav");
    sendBtn = document.querySelector(".sendBtn");
    comments = document.querySelector(".comments");
    let x =0;    
    console.log(sendBtn.getAttribute("value"))
    sendBtn.addEventListener("click",sendFunction)
    function sendFunction(){
            userTag = document.querySelector(".userTag").innerText;
            commentInput = document.querySelector(".commentInput");
            myValue= commentInput.value;
            const comment = document.createElement("div");
            comment.className="comment";
            comment.innerHTML=
                `<div class="commentUserPic">
                    <img width=100% src="../icons/profile_photo.png" alt="">
                </div>
                <div class="commentUserDesc">
                    <h2 class="commentUserName">${userTag}</h2>
                    <p class="commentContent">${myValue}</p>
                </div>`
            
            commentInput.value = "";
            comment.setAttribute("commentNumber",x);
            x++;
            comments.appendChild(comment);
            comments.scrollTop = comments.scrollHeight comments.clientHeight;
            
            
            
            })

我希望它有所帮助。

上一个：如何显示嵌套数组的表头

下一个：我有带有开始和结束值的数据作为样式的字符索引。当开始值和结束值重叠时，如何将其转换为有效的html标签？

如何在 HTML、JS 中创建嵌套回复系统？

How do I create a nested reply system in HTML, JS?

评论