600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > js java 改变字体颜色 js设置文字颜色的方法示例

js java 改变字体颜色 js设置文字颜色的方法示例

时间:2019-12-13 01:43:02

相关推荐

js java 改变字体颜色 js设置文字颜色的方法示例

本文实例讲述了js设置文字颜色的方法。分享给大家供大家参考,具体如下:

aaabbbccc

不允许在h1标签中添加任何字符,可以通过css或js定义,使其aaa为红色bbb为黄色ccc为蓝色

/p>

"/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Untitled Document

aaabbbccc

if(document.createRange){

var range = document.createRange();

}else

var range = document.body.createTextRange();

if(range.findText){

while(range.findText("a")){

range.pasteHTML(range.text.fontcolor("#ff0000"));

range.collapse(true);

}

}else{

var s,n;

s = window.getSelection();

while(window.find("a")){

var n = document.createElement("SPAN");

n.style.color="#ff0000"

s.getRangeAt(0).surroundContents(n);

}

}

if(range.findText){

while(range.findText("c")){

range.pasteHTML(range.text.fontcolor("#0000ff"));

range.collapse(true);

}

}else{

var s,n;

s = window.getSelection();

while(window.find("c")){

var n = document.createElement("SPAN");

n.style.color="#ff0000"

s.getRangeAt(0).surroundContents(n);

}

}

if(range.findText){

while(range.findText("b")){

range.pasteHTML(range.text.fontcolor("#ffff00"));

range.collapse(true);

}

}else{

var s,n;

s = window.getSelection();

while(window.find("b")){

var n = document.createElement("SPAN");

n.style.color="#ff0000"

s.getRangeAt(0).surroundContents(n);

}

}

//-->

PS:这里再提供几款文字特效工具供大家参考:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。