Javascript 如何使用字符串中的多个变量验证HTML内容

Javascript 如何使用字符串中的多个变量验证HTML内容,javascript,html,Javascript,Html,我有下面的代码 issuesList.innerHTML += "<div class=\"well\">" + "<h6> Issue Id:" + id + "</h6" + "<p><span class=\"label label-info\">" + status + "&

我有下面的代码

issuesList.innerHTML += "<div class=\"well\">" +
        "<h6> Issue Id:" + id + "</h6" +
        "<p><span class=\"label label-info\">" + status + "</span></p>" +
        "<h3>" + desc + "</h3>" +
        "<p><span class=\"glyphicon glyphicon-time\">" + severity + "</span></p>" +
        "<p><span class=\"glyphicon glyphicon-user\">" + assignedTo + "</span></p>" +
        "<a href=\"#\"  onclick= \"setStatusClosed(\"" + id + "\")\"   class=\"btn btn-warning\">Close</a>" +
        "<a href=\"#\ onclick=\"deleteIssue( \"" + id + "\")\"  class=\"btn btn-danger\>Delete</a>" +
        "</div>";
issuesList.innerHTML+=“”+

“问题Id:“+Id+”为了让它简单一点,可以使用单引号来包装类或样式声明,使用双引号来包装整个html(反之亦然)

在这段html中,我观察到在
结束时发出的,以及在最后一个锚标记的类声明中发出的

issuesList.innerHTML += "<div class='well'>" +
        "<h6> Issue Id:" + id + "</h6>" +
        "<p><span class='label label-info'>" + status + "</span></p>" +
        "<h3>" + desc + "</h3>" +
        "<p><span class='glyphicon glyphicon-time'>" + severity + "</span></p>" +
        "<p><span class='glyphicon glyphicon-user'>" + assignedTo + "</span></p>" +
        "<a href='#'  onclick= 'setStatusClosed(\"" + id + "\")'   class='btn btn-warning'>Close</a>" +
        "<a href='#' onclick='deleteIssue( \"" + id + "\")'  class='btn btn-danger'>Delete</a>" +
        "</div>";
此外,我建议阅读:

几乎所有字符串都是有效的HTML,因为浏览器将关闭标记,并在出现问题时以文本形式显示属性。如果您确实想检查,可以将字符串放入隐藏的div中,然后查询其中是否存在您希望存在的元素/属性。感谢快速帮助,有类似的在线验证程序吗CSS验证器,在那里我可以检查HTML是否正确?在VS代码中,如果文件类型是.HTML;我可以很容易地找到问题,但像上面这样的语法确实很困难。我不确定以下内容是否会有帮助,但如果你将字符串的内容粘贴到这些内容中,你应该能够得到痛点:
function validator(createdhtml) {
    var tempdiv = document.createElement('div');
    tempdiv.innerHTML = createdhtml;
    return tempdiv.innerHTML;
}