ul 类的名称和 var roomstatusHTML 有什么关系？

 

var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if(xhr.readyState === 4 && xhr.status === 200) { var员工 = JSON.parse(xhr.responseText); var statusHTML = '<ul class="bulleted">'; for (var i=0; i<employees.length; i += 1) { if (employees[i].inoffice === true) { statusHTML += '<li class="in">'; } else { statusHTML += '<li class="out">'; } statusHTML += 员工[i].name; statusHTML += '</li>'; } statusHTML += '</ul>'; document.getElementById('employeeList').innerHTML = statusHTML; } }; xhr.open('GET', '../data/employees.json'); xhr.send();

 

var xhrr = new XMLHttpRequest(); xhrr.onreadystatechange = function () { if(xhrr.readyState === 4 && xhr.status === 200) { var rooms = JSON.parse(xhrr.responseText); var roomstatusHTML = '<ul class="rooms">'; for (var i = 0; i<rooms.length; i+=1) { if (rooms[i].available === true) { roomstatusHTML += '<li class="empty">'; } else { roomstatusHTML += '<li class="full">';

} roomstatusHTML += rooms[i].room; 房间状态HTML + = '</li>'; } roomstatusHTML += '</ul>'; document.getElementById('roomList').innerHTML = roomstatusHTML; } }; xhrr.open('GET', '../data/rooms.json'); xhrr.send();

 

 

答：roomstatusHTML（或出现在您的代码中的 statusHTML）后跟 += 获取 statusHTML 的值并将 += 后面的字符串添加到它，在本例中为“<li class="empty">”。无论 statusHTML 的值是什么，字符串 '<li class="empty">' 都会被添加到其中。

 

添加了 ul 的类名（或者您的意思是问题标题中的 li？），以便 CSS 可以应用于该元素。如果将li 添加到statusHTML 变量中而没有'empty' 类，则当它显示在网页上时，'.empty' 下的CSS 文件中的CSS 将不会应用于该li。它与 JSON 无关，也不是任意的。