JavaScript：将字符串中所有<>间子串替换为div元素（非正则）

要实现将所有<>之间的内容替换为div，可以通过字符串分割与拼接的方式完成，具体步骤和代码如下：

实现思路 #

• 将原始字符串按 < 分割为数组，拆分出标签相关片段和纯文本片段
• 遍历数组，对包含 > 的片段（即标签部分），将 > 前的标签名替换为 div
• 最后将处理后的片段用 < 重新拼接，得到目标字符串

代码示例 #

let string = '<span><p>Hello</p></span>';
let parts = string.split('<');
let processedParts = [];

for (const part of parts) {
  if (part.includes('>')) {
    const [tag, restContent] = part.split('>');
    processedParts.push(`div>${restContent}`);
  } else {
    processedParts.push(part);
  }
}

let desired = processedParts.join('<');
console.log(desired); // 输出: <div><div>Hello</div></div>

说明 #

这种方法不需要依赖正则表达式，通过基础的字符串操作就能处理任意标签内容的替换，兼容各种合法的HTML标签格式（包括闭合标签如</span>，替换后会变成</div>）。

内容的提问来源于stack exchange，提问作者TheHaloDeveloper