数据结构
网络
关系数据库管理系统 (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+ 次查看
