String.prototype.fontcolor()

지원이 중단되었습니다: 이 기능은 더 이상 권장되지 않습니다. 일부 브라우저에서는 아직 지원할 수 있지만 관련 웹 표준에서 이미 제거되었거나 제거 과정에 있는 경우가 있으며, 호환성을 위해 유지되고 있을 수 있습니다. 사용을 피하고 가능하다면 기존 코드를 업데이트하세요. 결정을 지원할 하단의 호환성 표를 확인하세요. 이 기능은 언제든지 작동을 중단할 수 있음을 유의하세요.

String 값의 fontcolor() 메서드는 해당 문자열을 특정 글꼴 색상으로 표시하게 만드는 <font> 요소(<font color="...">str</font>)에 해당 문자열을 집어넣은 문자열을 생성합니다.

참고: 모든 HTML 래퍼 메서드는 더 이상 사용되지 않으며 호환성 목적으로만 표준화되었습니다. fontcolor()의 경우에선 <font> 요소 자체는 HTML 명세서에서 제거되었기 때문에 더 이상 사용해서는 안됩니다. 웹 개발자는 반드시 대신 CSS 속성을 사용하시기 바랍니다.

구문

js
fontcolor(color)

매개변수

color

색상을 16진수 RGB 코드 또는 문자열 리터럴로 표현하는 문자열입니다. 색상 이름에 대한 문자열 리터럴은 CSS 색상 참고서에 나열되어 있습니다.

반환 값

<font color="color"> 시작 태그로 시작하고 (color 안의 따옴표는 &quot;으로 대체됩니다) 그 다음 문자열 str 그 다음 </font> 종료 태그로 이어지는 문자열

설명

fontcolor() 메서드 자체는 유효성 검사나 정규화 없이 문자열 부분을 단순히 결합합니다. 그러나 유효한 <font> 요소를 만들기 위해 색상을 16진수 RGB 코드로 표현하는 경우 rrggbb 형식을 사용해야 합니다. 예를 들어 연어의 16진수 RGB 값은 빨강=FA, 녹색=80, 파랑=72이므로 연어의 RGB 삼원색은 "FA8072"입니다.

예제

fontcolor() 사용하기

아래 코드는 HTML 문자열을 생성한 다음 document의 body를 해당 문자열로 대체합니다.

js
const contentString = "Hello, world";

document.body.innerHTML = contentString.fontcolor("red");

이는 다음 HTML을 생성합니다.

html
<font color="red">Hello, world</font>

Warning: font는 더 이상 유효한 요소가 아니기 때문에, 이 마크업은 유효하지 않습니다.

fontcolor()를 사용하여 HTML 텍스트를 직접 작성하는 대신 반드시 CSS를 사용해서 폰트를 조작해야 합니다. 예를 들어 element.style 속성의 color를 사용하여 조작할 수 있습니다.

js
document.getElementById("yourElemId").style.color = "red";

명세서

Specification
ECMAScript Language Specification
# sec-string.prototype.fontcolor

브라우저 호환성

BCD tables only load in the browser

같이 보기