資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學如何使用JavaScript返回文字的顏色？
在本教程中，我們將學習如何使用JavaScript返回文字的顏色。在樣式中（這是HTML規則，用於描述文件如何在瀏覽器中呈現），我們在該HTML規則下定義顏色。
要在JavaScript中返回文字的顏色，我們必須使用JavaScript的color屬性。color屬性用於為HTML標籤（如p、h1、h2、body等）內的文字分配顏色，藉助標籤的id，我們可以返回特定文字的顏色。通常，我們將以字串形式獲取顏色，如果顏色有特定的名稱，則返回顏色名稱，否則返回其RGB組合。
語法
我們在概述中討論了JavaScript的color屬性，現在讓我們看看返回文字顏色的語法：
<HTML Tag id="myId" style="color:green;">Text that colour we have to return</HTML Tag>
document.write ( document.getElementById("myId").style.color );
在上面的語法中，我們使用包含id的“HTML標籤”（如p、body、h1、h2）聲明瞭一個名為“我們要返回其顏色的文字”的文字名稱（這將用於在我們要對該文字執行某些操作時表示該段落），並且文字的顏色在這裡是HTML“style”規則下的“color”屬性中的“綠色”。
藉助document.write屬性，我們使用document.getElementById屬性（用於訪問包含id的內容）和文字的“myId”來列印文字的顏色。
演算法
我們已經看到了使用JavaScript返回文字顏色的語法，讓我們一步一步地檢視完整的演算法，以便更好地理解它：
首先，我們將使用“function”關鍵字和函式的適當名稱宣告一個函式。
宣告函式後，我們將定義函式的主體，因為函式應該執行某些工作並提供某些輸出。
該函式包含兩個屬性document.write和document.getElementById。
藉助document.getElementById，我們使用該段落的id訪問段落文字，並使用style.color屬性獲取該段落文字的顏色。
藉助document.write，我們可以將顏色名稱列印到螢幕上。
首先，我們使用<P>標籤建立一個文字，宣告其id，並宣告將出現在段落中的文字的顏色。
我們將使用<form>標籤建立一個表單，並在其中建立一個按鈕。
在表單中，我們將使用<button>標籤建立一個按鈕輸入，該輸入將使用onclick事件呼叫所需的函式。
我們已經看到了一些使用JavaScript返回文字顏色的基本步驟，現在讓我們看一些示例，以便更好地理解上述步驟。
示例
在此示例中，我們將建立一個函式和一個表單。在表單中，我們將建立一個按鈕，按下該按鈕可以呼叫我們的函式，該函式將返回段落文字的顏色，此處為字串資料型別。
<!DOCTYPE html> <html> <head> <script> function display() { document.write(document.getElementById("myId").style.color); } </script> </head> <body> <h2>Return the color of the text with JavaScript</h2> <p id="myId" style="color:green;">This is the text with green colour</p> <br> <form> <button type="button" onclick="display()">Click to get color</button> </form> </body> </html>
在上面的程式碼中，我們首先建立了一個帶有id的段落，然後我們在主體中建立了一個表單，並在其中定義了一個輸入方法，該方法將在單擊時呼叫“display”函式，因為我們為此定義了onclick事件。“Display”函式將藉助段落id“myId”以及document.getId和style.color屬性返回該段落的顏色。
結論
在本教程中，我們學習瞭如何使用JavaScript函式返回文字的顏色。為此，我們使用HTML規則（“style”）下的color屬性。我們建立一個呼叫已定義函式的表單，在該函式中，我們使用該段落或任何HTML元素的id來返回該段落或HTML元素文字的顏色名稱。此處style.color屬性的返回型別為字串。
4K+ 次檢視
