Question

我试图在每次客户端连接时显示div。例如，第一个客户端连接div1显示，seconde客户端连接div2显示...等。我设法做了第一次连接，但我不能做其余的事情。这是客户端的代码：

socket.on("isConnected", function(data) {
    // Receive the 'data' and check if 'isConnected' is true

    if(data.isConnected == true) {
        // Now hide the div.
        getElementById("div1").style.display:"block";
    }
});

Answer 1

var parent = document.getElementById("#parent-div")
socket.on("isConnected", function(data) {
    // Receive the 'data' and check if 'isConnected' is true

    if(data.isConnected == true) {
       parent.innerHTML += "<div class='new-div'></div>"
    }
});

这是什么意思？这会将DOM对象设置为您要添加的div，然后在每个isConnected套接字事件上，它将在父div下添加一个新的div

编辑：vanilla JS而不是jQuery

显示每个套接字连接的div

1 个答案: