javascript怎么设置字体颜色


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

<!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">

<head>

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

<title>Untitled Document</title>

<style type="text/css">

<!--

.adKeyword {

    color: #FF0000;

}

-->

</style>

</head>

<body>

<h1>aaabbbccc</h1>

</body>

</html>

<script language="JavaScript" type="text/javascript"><!--

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);

    }

}

//-->

</script>

【推荐学习:javascript高级教程

以上就是javascript怎么设置字体颜色的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

javascript如何转换时间

每天一个js 小demo之滑屏幻灯片。主要知识点:event

教你用html5画一个馋人的西瓜

一行有趣的js代码

javascript和java区别有什么

javascript怎么改变字体大小

javascript怎么设置背景颜色

java数组与javascript数组的区别有哪些

angular实现只执行正在开发的新单元测试

javascript的bom

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...