JavaScript에서 글꼴 색상을 변경하는 방법-JS 튜토리얼-php.cn

JavaScript에서 글꼴 색상을 변경하는 방법

青灯夜游

풀어 주다： 2023-01-07 11:44:31

원래의

25079명이 탐색했습니다.

JavaScript에서는 스타일 개체의 색상 속성을 사용하여 글꼴 색상을 수정할 수 있습니다. 이 속성은 글꼴 텍스트의 색상(요소의 전경색)을 설정하는 데 사용됩니다. 구문 형식은 "요소 개체입니다. style.color="색상값"; ".

JavaScript에서 글꼴 색상을 변경하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에서는 스타일 개체의 색상 속성을 사용하여 글꼴 색상을 수정할 수 있습니다.

예를 통해 알아보겠습니다:

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

로그인 후 복사

Rendering:

JavaScript에서 글꼴 색상을 변경하는 방법