JS如何遍历文本并修改?

kokubo_wing 2006-12-21 01:09:26
<div>源可以是可移动媒体、当前 Windows 安装的系统目录中的任何目录、驱动器的根目录、本地安装源或 Cmdcons 目录,目标可以是除可移动媒体以外的任何与源相同的位置。如果没有指定目标，则默认为目录.Windows 安装 CD 中的压缩文件在复制过程中解压缩."
这样的一段文字,如何</div>
<div>源可以是可移动媒体、当前 Windows 安装的系统目录中的任何目录、驱动器的根目录、本地安装源或 Cmdcons 目录,目标可以是除可移动媒体以外的任何与源相同的位置。如果没有指定目标，则默认为目录.Windows 安装 CD 中的压缩文件在复制过程中解压缩."
这样的一段文字,如何</div>
如何来遍历这些文字,使得文字中的英语部分换个颜色呢?
...全文
419 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
yyy431706 2006-12-21
  • 打赏
  • 举报
 回复
好东西
kokubo_wing 2006-12-21
  • 打赏
  • 举报
 回复
谢谢btbtd(點點點...) ,正是想要这样的效果.
最后再问一下,如果我想把!@#$%^<>?:{{}|()这种特殊符号的颜色也转换,上面的正则表达式应该怎么写啊
btbtd 2006-12-21
  • 打赏
  • 举报
 回复
倒, 看错意思,
把调用改成这样:
fHl(document.body, '[a-zA-Z]+');


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>shawl.qiu template</title>
<script type="text/javascript">
//<![CDATA[
onload=function(){
fHl(document.body, '[a-zA-Z]+');
}
/*----------------------------------------*\
* 使用 javascript HTML DOM 高亮显示页面特定字词 By shawl.qiu
* 参数说明:
* o: 对象, 要进行高亮显示的对象.
* flag: 字符串, 要进行高亮的词或多个词, 使用 竖杠(|) 分隔多个词 .
* rndColor: 布尔值, 是否随机显示文字背景色与文字颜色, true 表示随机显示.
* url: URI, 是否对高亮的词添加链接.
\*----------------------------------------*/
//--------begin function fHl(o, flag, rndColor, url)------------------//
function fHl(o, flag, rndColor, url){
//var re=new RegExp(flag, 'i');
var temp;
var bgCor=fgCor='';
if(rndColor){
bgCor=fRndCor(10, 20);
fgCor=fRndCor(230, 255);
} else {
bgCor='yellow';
fgCor='black';
}
for(var i=0; i<o.childNodes.length; i++){
var o_=o.childNodes[i];
var o_p=o_.parentNode;
if(o_.nodeType==1) {
fHl(o_, flag, rndColor, url);
} else if (o_.nodeType==3) {
if(!(o_p.nodeName=='A')){
if(o_.data.search(flag)==-1)continue;
temp=fEleA(o_.data, flag);
o_p.replaceChild(temp, o_);
}
} // shawl.qiu script
}
//------------------------------------------------
function fEleA(text, flag){
var style=' style="background-color:'+bgCor+';color:'+fgCor+';" '
var o=document.createElement('span');
var str='';
var re=new RegExp('('+flag+')', 'gi');
if(url){
str=text.replace(re, '<a href="'+url+
'"'+style+'>$1</a>');
} else {
str=text.replace(re, '<span '+style+'>$1</span>');
}
o.innerHTML=str;
return o;
} // shawl.qiu script
//------------------------------------------------
function fRndCor(under, over){
if(arguments.length==1){
var over=under;
under=0;
}else if(arguments.length==0){
var under=0;
var over=255;
}
var r=fRandomBy(under, over).toString(16);
r=padNum(r, r, 2);
var g=fRandomBy(under, over).toString(16);
g=padNum(g, g, 2);
var b=fRandomBy(under, over).toString(16);
b=padNum(b, b, 2);
//defaultStatus=r+' '+g+' '+b
return '#'+r+g+b;
function fRandomBy(under, over){
switch(arguments.length){
case 1: return parseInt(Math.random()*under+1);
case 2: return parseInt(Math.random()*(over-under+1) + under);
default: return 0;
}
} // shawl.qiu script
function padNum(str, num, len){
var temp=''
for(var i=0; i<len;temp+=num, i++);
return temp=(temp+=str).substr(temp.length-len);
} // shawl.qiu script
}
} // shawl.qiu script
//--------end function fHl(o, flag, rndColor, url)--------------------//
//]]>
</script>
</head>
<body>
<div>源可以是可移动媒体、当前 Windows 安装的系统目录中的任何目录、驱动器的根目录、本地安装源或 Cmdcons 目录,目标可以是除可移动媒体以外的任何与源相同的位置。如果没有指定目标，则默认为目录.Windows 安装 CD 中的压缩文件在复制过程中解压缩."
这样的一段文字,如何</div>
<div>源可以是可移动媒体、当前 Windows 安装的系统目录中的任何目录、驱动器的根目录、本地安装源或 Cmdcons 目录,目标可以是除可移动媒体以外的任何与源相同的位置。如果没有指定目标，则默认为目录.Windows 安装 CD 中的压缩文件在复制过程中解压缩."
这样的一段文字,如何</div>
如何来遍历这些文字,使得文字中的英语部分换个颜色呢?</span>
</body>
</html>
TaoTaoYou 2006-12-21
  • 打赏
  • 举报
 回复
建议你查询一下DOM手册，顺便学习一下ajax
btbtd 2006-12-21
  • 打赏
  • 举报
 回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>shawl.qiu template</title>
<script type="text/javascript">
//<![CDATA[
onload=function(){
fHl(document.body, '英语');
}
/*----------------------------------------*\
* 使用 javascript HTML DOM 高亮显示页面特定字词 By shawl.qiu
* 参数说明:
* o: 对象, 要进行高亮显示的对象.
* flag: 字符串, 要进行高亮的词或多个词, 使用 竖杠(|) 分隔多个词 .
* rndColor: 布尔值, 是否随机显示文字背景色与文字颜色, true 表示随机显示.
* url: URI, 是否对高亮的词添加链接.
\*----------------------------------------*/
//--------begin function fHl(o, flag, rndColor, url)------------------//
function fHl(o, flag, rndColor, url){
//var re=new RegExp(flag, 'i');
var temp;
var bgCor=fgCor='';
if(rndColor){
bgCor=fRndCor(10, 20);
fgCor=fRndCor(230, 255);
} else {
bgCor='yellow';
fgCor='black';
}
for(var i=0; i<o.childNodes.length; i++){
var o_=o.childNodes[i];
var o_p=o_.parentNode;
if(o_.nodeType==1) {
fHl(o_, flag, rndColor, url);
} else if (o_.nodeType==3) {
if(!(o_p.nodeName=='A')){
if(o_.data.search(flag)==-1)continue;
temp=fEleA(o_.data, flag);
o_p.replaceChild(temp, o_);
}
} // shawl.qiu script
}
//------------------------------------------------
function fEleA(text, flag){
var style=' style="background-color:'+bgCor+';color:'+fgCor+';" '
var o=document.createElement('span');
var str='';
var re=new RegExp('('+flag+')', 'gi');
if(url){
str=text.replace(re, '<a href="'+url+
'"'+style+'>$1</a>');
} else {
str=text.replace(re, '<span '+style+'>$1</span>');
}
o.innerHTML=str;
return o;
} // shawl.qiu script
//------------------------------------------------
function fRndCor(under, over){
if(arguments.length==1){
var over=under;
under=0;
}else if(arguments.length==0){
var under=0;
var over=255;
}
var r=fRandomBy(under, over).toString(16);
r=padNum(r, r, 2);
var g=fRandomBy(under, over).toString(16);
g=padNum(g, g, 2);
var b=fRandomBy(under, over).toString(16);
b=padNum(b, b, 2);
//defaultStatus=r+' '+g+' '+b
return '#'+r+g+b;
function fRandomBy(under, over){
switch(arguments.length){
case 1: return parseInt(Math.random()*under+1);
case 2: return parseInt(Math.random()*(over-under+1) + under);
default: return 0;
}
} // shawl.qiu script
function padNum(str, num, len){
var temp=''
for(var i=0; i<len;temp+=num, i++);
return temp=(temp+=str).substr(temp.length-len);
} // shawl.qiu script
}
} // shawl.qiu script
//--------end function fHl(o, flag, rndColor, url)--------------------//
//]]>
</script>
</head>
<body>
<div>源可以是可移动媒体、当前 Windows 安装的系统目录中的任何目录、驱动器的根目录、本地安装源或 Cmdcons 目录,目标可以是除可移动媒体以外的任何与源相同的位置。如果没有指定目标，则默认为目录.Windows 安装 CD 中的压缩文件在复制过程中解压缩."
这样的一段文字,如何</div>
<div>源可以是可移动媒体、当前 Windows 安装的系统目录中的任何目录、驱动器的根目录、本地安装源或 Cmdcons 目录,目标可以是除可移动媒体以外的任何与源相同的位置。如果没有指定目标，则默认为目录.Windows 安装 CD 中的压缩文件在复制过程中解压缩."
这样的一段文字,如何</div>
如何来遍历这些文字,使得文字中的英语部分换个颜色呢?</span>
</body>
</html>
kokubo_wing 2006-12-21
  • 打赏
  • 举报
 回复
麻烦看官给出代码,小弟感激不尽.
striker_un 2006-12-21
  • 打赏
  • 举报
 回复
用正则.
treehugger:JavaScript AST（抽象语法树）转换工具
treehugger.js treehugger.js是用于程序处理的...ast.js使用一些简单的数据结构来表示AST，并使用文本表示形式来方便地调试和编写这些AST。 文本表示最好通过示例介绍。 考虑一种具有以下表达式的简单表达语言： 2 +
js实现点击每个li节点，都弹出其文本值及修改
2，使用for循环进行遍历，得到每一个li节点 for(var i=0;i<liNodes.length;i++){ alert(i); } 3，为每一个li节点添加onclick响应函数 liNodes[i].onclick=function(){ } 4，在响应函数中获取当前节点的...
单行文本与多行文本溢出时显示省略号的CSS设置
单行文本与多行文本溢出时显示省略号的CSS设置
JavaScript集锦
（6）你可以在 JavaScript 中使用反斜杠来向文本字符串添加特殊字符。 - 12 - （7）JavaScript 指导方针 - 13 - JavaScript 对大小写敏感 - 13 - 空格 - 13 - 换行 - 13 - （8）JavaScript 对象简介 - 14 - 面向对象...
Java Web应用开发：修改和清空购物车.docx
修改和清空购物车 1 目标 在商品数量文本框内输入一个新的数量，点击“修改数量”，购物车刷新，按照新数量重新计算总金额。如果用户输入“0”，修改数量之后，该条目从购物车中删除。（程序未做JS有效值判断，所以...
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章