RegExp实现字符替换

weixin_30699741

于 2018-11-01 20:53:00 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml

原文链接：http://www.cnblogs.com/5H5H/p/9892426.html

本文介绍了一种使用JavaScript在HTML中全局替换特定文本的方法。通过一个示例，展示了如何将字符串'Paul'替换为'Ringo'，并确保只替换完整的单词，避免误替换。

将字符串组中的所有Paul替换成Ringo，g:执行全局匹配,查找所有匹配而非在找到第一个匹配后停止;\b:匹配单词边界,划分匹配字符的起始范围

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="JS.js"></script>
</head>

<body>
<p>Replace "Paul" with "Ringo" in the paragraph below:</p>

<button onclick="myFunction()">Try it</button>

<p id="demo">Paul,Paula,Pauline,paul,Paul</p>

</body>
</html>

JS部分：
function myFunction() {
    var str = document.getElementById("demo").innerHTML; 
    var txt = str.replace(/\bPaul\b/g,"Ringo");
    document.getElementById("demo").innerHTML = txt;
}

转载于:https://www.cnblogs.com/5H5H/p/9892426.html