javascript如何檢查並閉合沒有閉合的html元素

admin發表於2017-03-10

在編碼中,可能由於粗心大意或者其他原因導致有些html元素沒有被關閉,雖然不會報錯,但是可能導致佈局錯亂,下面是一段能夠自動閉合非閉合html元素的程式碼,希望能夠給大家有所幫助吧。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function closeHTML(str){ 
 var arrTags=["span","font","b","u","i","h1","h2","h3","h4","h5","h6","p","li","ul","table","div"]; 
 for(var i=0;i<arrTags.length;i++){ 
   var intOpen=0; 
   var intClose=0; 
   var re=new RegExp("\\<"+arrTags[i]+"( [^\\<\\>]+|)\\>","ig"); 
   var arrMatch=str.match(re); 
   if(arrMatch!=null) intOpen=arrMatch.length; 
   re = new RegExp("\\<\\/" + arrTags[i] + "\\>", "ig");
   arrMatch=str.match(re); 
   if(arrMatch!=null) intClose=arrMatch.length; 
   for(var j=0;j<intOpen-intClose;j++){ 
     str += "</" + arrTags[i] + ">";
   } 
 } 
 return str; 
}

相關文章