JavaScript中怎么改字體顏色 document.getElementById("p1").style.color = "#ff0000";


JavaScript中怎么改字體顏色 document.getElementById("p1").style.color = "#ff0000";

在JavaScript中,可以利用Style對象的color屬性來修改字體顏色,該屬性用於設置字體文本的顏色(元素的前景色);語法格式為“元素對象.style.color="顏色值";”。

本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

在JavaScript中,可以利用Style對象的color屬性來修改字體顏色。

下面通過示例來了解一下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html>

    <head>

        <script type="text/javascript">

            function setColor() {

                document.getElementById("p1").style.color = "#ff0000";

                document.getElementById("p2").style.color = "magenta";

            }

        </script>

    </head>

    <body>

 

        <p id="p1">這是一個示例段落。</p>

        <p id="p2">這也是一個示例段落。</p>

        <input type="button" onclick="setColor()" value="改變字體顏色" />

 

    </body>

</html>

效果圖:

1.gif

說明:

color 屬性設置文本的顏色(元素的前景色)。

語法:

1

Object.style.color=color

可能的值

描述
color

顏色值可以是顏色名稱、rgb 值或者十六進制數等等。

默認值:取決於瀏覽器。

相關推薦:《javascript怎么設置背景顏色

【推薦學習:javascript高級教程

以上就是JavaScript中怎么改字體顏色的詳細內容,更多請關注php中文網其它相關文章!

Web大前端開發直播班

聲明:本文內容由網友自發貢獻,版權歸原作者所有,本站不承擔相應法律責任。如您發現有涉嫌抄襲侵權的內容,請聯系admin@php.cn核實處理。

  • 相關標簽:JavaScript 字體顏色
  • https://www.php.cn/js-tutorial-480214.html


    免責聲明!

    本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



     
    粵ICP備18138465號   © 2018-2025 CODEPRJ.COM