home Cloud computing and code文章正文

javascript怎麼改變字體顏色文本顏色代碼

Cloud computing and code 2023年05月11日 15:21 987 visitor

這裏是一個簡單的 JavaScript改變文體顏色代碼示例,它會在頁面上創建一個按鈕,點擊該按鈕會使文本顏色發生變化:


javascript怎麼改變字體顏色文本顏色代碼 第1张

```javascript

<body>
  <button id="change-color-btn">更改文本顏色</button>
  <p id="text">這是一個文本段落</p>
  <script type="text/javascript">
    var btn = document.getElementById("change-color-btn");
    var text = document.getElementById("text");
    btn.addEventListener("click", function() {
      text.style.color = "red";
    });
  </script>
</body>

```


這段代碼首先在頁面中創建了一個按鈕,然後獲取該按鈕和一個段落元素的引用,接著為按鈕添加了一個事件監聽器,當按鈕被點擊時,段落文本顏色將變成紅色。

標籤: javascript怎麽改變字體顏色

AmupuCopyright Amupu.Z-Blog.Some Rights Reserved.