JavaScript中如何改字體顏色

這篇文章主要介紹“JavaScript中如何改字體顏色”，在日常操作中，相信很多人在JavaScript中如何改字體顏色問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript中如何改字體顏色”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

宣漢網站制作公司哪家好，找成都創新互聯！從網頁設計、網站建設、微信開發、APP開發、成都響應式網站建設公司等網站項目制作，到程序開發，運營維護。成都創新互聯從2013年開始到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選成都創新互聯。

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

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

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

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

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

效果圖：

JavaScript中如何改字體顏色

說明：

color 屬性設置文本的顏色（元素的前景色）。

語法：

Object.style.color=color

可能的值

值	描述
color	顏色值可以是顏色名稱、rgb 值或者十六進制數等等。默認值：取決于瀏覽器。

值

描述

color

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

默認值：取決于瀏覽器。

到此，關于“JavaScript中如何改字體顏色”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注創新互聯網站，小編會繼續努力為大家帶來更多實用的文章！

網頁標題：JavaScript中如何改字體顏色
網站地址：http://m.2m8n56k.cn/article24/ihgdje.html

成都網站建設公司_創新互聯，為您提供關鍵詞優化、域名注冊、搜索引擎優化、企業建站、響應式網站、網站設計

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

JavaScript中如何改字體顏色