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;
}