JavaScript中split与replace处理HTML字符串的实例解析

作者:竹影时间:2026-10-28 23:25:00浏览:606

本文通过具体代码示例,详细解析了JavaScript中split和replace两个字符串方法的应用。split用于根据指定HTML标签分割字符串,extract数据;replace则用于在字符串中精准插入或替换HTML标签结构。文章展示了如何利用这两个方法组合操作,实现对原始HTML字符串的结构化修改与重组,适用于前端数据处理场景。

JavaScript字符串处理概述

本文通过具体代码示例,详细解析了JavaScript中split和replace两个字符串方法的应用。分享给大家参考。具体分析如下:

使用split分割HTML字符串

1. split 方法示例:

代码如下:

<html>
<head>
<title>
从业人员继续教育报名列表--打印签到表 sdfsd</tr><tr></tr> sdfsd
</title>
</head>
<body>
<script type="text/javascript">
var str = "1231<tr id=\"123\">sdfsd</tr><tr></tr>";
alert(str);
var lst1 = str.split("<tr id=\"123\">");
alert(lst1[1]);
var lst2 = lst1[1].split("</tr>");
alert(lst2[0]);
var str2 = "";
for(var i = 1;i<lst2.length; i++)
        {
if(i == 1)
str2 += lst2[i];
else
str2 += "</tr>" + lst2[i];
        }
alert(str2);
var strReturn = lst1[0] + "<thead><tr id=\"123\">" + lst2[0] + "</tr></thead>" + str2;
alert(strReturn);
</script>
</body>
</html>
 

使用replace替换HTML标签结构

2. replace 方法示例:

代码如下:

strHtml = strHtml.replace("<TR class=gridview_Header align=middle>", "<THEAD><TR class=gridview_Header align=middle>");
strHtml = strHtml.replace("</TR>", "</TR></THEAD>");

希望本文所述对大家的javascript程序设计有所帮助。

作者最新文章