Javascript 如何在网页中显示设备何时连接或断开

Javascript 如何在网页中显示设备何时连接或断开,javascript,html,jquery,api,domoticz,Javascript,Html,Jquery,Api,Domoticz,我目前正在使用domotz显示设备何时连接。我当前在第4单元中显示连接的绿色复选标记,我如何为第4单元在其断开连接时设置x标记,因为现在它不区分其连接或断开连接并显示。每个设备的绿色标记,即使是未连接的设备。谢谢 ` 显示名称 身份证件 名称 模型 变量头={ 成功:功能(数据){ var str=JSON.stringify(数据); var obj=JSON.parse(str); 变量NumDevices=对象长度; var table=document.getElementById('

我目前正在使用domotz显示设备何时连接。我当前在第4单元中显示连接的绿色复选标记,我如何为第4单元在其断开连接时设置x标记,因为现在它不区分其连接或断开连接并显示。每个设备的绿色标记,即使是未连接的设备。谢谢

`


显示名称
身份证件
名称
模型
变量头={
成功:功能(数据){
var str=JSON.stringify(数据);
var obj=JSON.parse(str);
变量NumDevices=对象长度;
var table=document.getElementById('devicelist');
var行=table.insertRow(i+1);
var cell1=行插入单元格(0);
var cell2=行插入单元格(1);
var cell3=行插入单元格(2);
var cell4=行插入单元格(3);
cell1.innerHTML=i+1
cell2.innerHTML=obj[i]。显示\u名称;
cell3.innerHTML=obj[i].id;
cell4.innerHTML=“”;
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>  

<table id="devicelist" style="width:100%">
<tr>
<th>Display Name</th>
<th>ID</th>
<th>Name</th>
<th>Model</th>
</tr>
</table>
</div>
</div>
</div>
<script src="js/jquery-2.1.0.min.js"></script>
<script>
var headers = {


success: function(data) {
var str = JSON.stringify(data);
var obj = JSON.parse(str);
var NumDevices = obj.length;
var table = document.getElementById('devicelist');

var row = table.insertRow(i+1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
cell1.innerHTML = i+1
cell2.innerHTML = obj[i].display_name;
cell3.innerHTML = obj[i].id;
cell4.innerHTML = "<img src='img/greenn.jpg'/>";

</script>
</body>
</html>