javascript 替换对象

igis 2012-07-12 10:11:34

var str1="北京abccc北京abc,fdsaf北京"
需要替换为str2="<font style='background-color:#ffff00'>北京</font>abccc<font style='background-color:#ffff00'>北京</font>abc,fdsaf<font style='background-color:#ffff00'>北京</font>"
如何处理呀？

...全文

200 22 打赏收藏转发到动态举报

写回复

用AI写文章

22 条回复

切换为时间正序

请发表友善的回复…

发表回复

chenyang37 2012-07-12

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

		<title>NewDocument</title>

		<meta http-equiv="content-type" content="text/html; charset=utf-8" />

		<meta name="generator" content="Editplus" />

		<meta name="author" content="" />

		<meta name="keywords" content="" />

		<meta name="description" content="" />

	</head>

	<body>

		<input type="text" id="search" onkeyup="searchDate()"/>

		<div id="cnt">a只是一个简单的例子，如用csdn的替换的，如将cSdn,CSdn，CSDN等 这种组合全部给增加font，但是里面的原有的字母是不能改变的</div>

		<script type="text/javascript">

			var cacheData = cnt.innerHTML;

			var searchDate = function () {

				var key  = document.getElementById("search").value;

				var patten = new RegExp("("+key+")","gi");

				document.getElementById("cnt").innerHTML = cacheData.replace(patten,"<i style='color:red'>$1</i>");

			};

		</script>

	</body>

</html>

igis 2012-07-12

打赏
举报

那要查找CSDN，
var tmep = "CSDN|CSDn|csdn|CsdN";//等那不是一堆排列？是这样吗？

gf05011 2012-07-12

打赏
举报

var str1="北京abccc北京abc,fdsaf北京" ;
var str2 = str1.replace(/(北京)/g,"<font style='background-color:#ffff00'>$1</font>");

那一笑的凄凉 2012-07-12

打赏
举报

那就在搜索完成后还没显示到页面前操作，例如
var str1 = "a中A,国北京abc";
var tmep = "a|A";//把你搜索的关键字拼接成这样的格式就行
var reg = new RegExp("(" + tmep + ")", "gi");//不区分大小写全文匹配
var str = str1.replace(reg, "<font style='background-color:#ffff00'>$1</font>");

然后再显示到页面中

igis 2012-07-12

打赏
举报

对，就是需要做一个类似于搜索数据中带关键字高亮的，在搜索时，不区分大小写。在js里面实现这个功能

那一笑的凄凉 2012-07-12

打赏
举报

你说的这个浏览器自己的功能啊，。还是你要做一个类似搜索数据中带你关键字高亮的效果吗

igis 2012-07-12

打赏
举报

[Quote=引用 14 楼的回复:]

引用 12 楼的回复:

a只是一个简单的例子，如用csdn的替换的，如将cSdn,CSdn，CSDN等这种组合全部给增加font，但是里面的原有的字母是不能改变的

楼主到底需求是什么呢？还是在测试练习啊？
[/Quote]
不是测试练习，主要我现在有一段字符串，要实现的功能就有点类似于IE里面ctrl+f查找一个英文字符串。你可以打开CSDN，然后ctrl+f，输入app，就可以看到CSDN的首页面的App相关的高亮了，我就需要实现这样的一个效果。

那一笑的凄凉 2012-07-12

打赏
举报

[Quote=引用 12 楼的回复:]

a只是一个简单的例子，如用csdn的替换的，如将cSdn,CSdn，CSDN等这种组合全部给增加font，但是里面的原有的字母是不能改变的
[/Quote]
楼主到底需求是什么呢？还是在测试练习啊？

chenyang37 2012-07-12

打赏
举报

有多少需要替换的都可以用“|”隔开，那个是或操作

igis 2012-07-12

打赏
举报

a只是一个简单的例子，如用csdn的替换的，如将cSdn,CSdn，CSDN等这种组合全部给增加font，但是里面的原有的字母是不能改变的

那一笑的凄凉 2012-07-12

打赏
举报

var str1 = "a中A,国北京abc";
var tmep = "a|A";
var reg = new RegExp("(" + tmep + ")", "g");
替换了就行

chenyang37 2012-07-12

打赏
举报

/a|A/g

igis 2012-07-12

打赏
举报

上面这一个问题解决了。现在一个新的替换的问题
var str1="a中A,国北京abc";
需要将a,A,a全部替换为str2="<font style='background-color:#ffff00'>a</font>中<font style='background-color:#ffff00'>A</font>,国北京<font style='background-color:#ffff00'>a</font>bc";

那一笑的凄凉 2012-07-12

打赏
举报

[Quote=引用 6 楼的回复:]

若需要替换的北京是一个变量名称
如这样定义
var strtmp = "北京";
reg 的值如何写呀？
引用 4 楼的回复:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<t……
[/Quote]
var tmep = "北京";
var reg = new RegExp("(" + tmep + ")", "gi");
把这两句换了就行

chenyang37 2012-07-12

打赏
举报

var strtmp = "北京";
var reg = new RegExp(strtmp,"g")

igis 2012-07-12

打赏
举报

若需要替换的北京是一个变量名称
如这样定义
var strtmp = "北京";
reg 的值如何写呀？
[Quote=引用 4 楼的回复:]

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><script type="text/javascript" src="Scripts/jq……
[/Quote]

suano 2012-07-12

打赏
举报

楼上正解，你是想做关键字替换吧，还可以加上链接

那一笑的凄凉 2012-07-12

打赏
举报

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
var str1 = "北京abccc北京abc,fdsaf北京";
var reg = /(北京)/gi;
var str = str1.replace(reg, "<font style='background-color:#ffff00'>$1</font>");
alert(str);
</script>
<body>

</body>
</html>

乌镇程序员 2012-07-12

打赏
举报

var str2 = str1.replace(/北京/g, "<font style='background-color:#ffff00'>北京</font>");

刹那的菜鸟 2012-07-12

打赏
举报

坐等解答。。。

1、替换对象的原型直接修改__proto__：xiaoLiang.__proto__ = maYun ，效率比较低系统提供了专门替换对象原型的函数：setPrototypeOf( ) 把参数1 的 proto 换成参数2 setPrototypeOf(对象，原型)：只会影响修改的对象，不会影响构造函数，之后创建的对象不会变更 function Liang(name, age) { this.name = na...

用 JavaScript 替换数组中的对象

js vue修改替换对象数组内的对象属性名，js vue 对象批量替换对象名，js vue实现替换对象(json)格式的键名，js vue大量替换对象的属性名键名，js vue对象替换键值名称，js vue批量替换数组对象的属性名，vue项目如何将数组的键名批量替换，如何在JavaScript中替换对象属性名称的数组，js如何把二维对象数组中的键名批量替换，Js 修改对象键名，vue js中一个数组里面含有多个对象怎么批量把一个对象中的一个属性，javaScript改变对象属性名更改对象中属性名，如何替换J

如何使用JavaScript将一个DOM元素替换为另一个元素？下面本篇文章就来给大家介绍一些使用JavaScript替换DOM元素的方法，希望对大家有所帮助。在JavaScript中可以使用以下几种方法来将一个DOM元素替换为另一个元素：方法1：使用parentNode属性和replace()方法 parentNode属性以Node 对象的形式返回指定节点的父节点；如果指定节点没有父节点，则返回 null。语法： node.parentNode 返回值：返回一个Node对象，表示节点的父节点，如果没有

JavaScript

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章