2012-06-11 6 views
0

글꼴 색상을 변경해야합니다.자바 스크립트 글꼴 색상 변경

나는 다음과 같습니다

var clr="green"; 

    <font color=clr>' + onlineff + ' </font> 

글꼴 색상이 녹색으로 변경되지 않습니다. 이것이 어떻게 고칠 수 있는지 궁금해.

+5

표현 적 태그를 사용하여 매우 쉽게 생각 (의미 목적을 위해 사용되어야 마크 업 만 해당) . 대신에'style' 속성을 사용하십시오 – fcalderan

+1

우리는 더 많은 코드 컨텍스트가 필요합니다. –

답변

4

글꼴 색상을 사용하지 마십시오 ... 정말 오래된 학교이고 일부 브라우저는 더 이상 마음에 들지 않습니다. 사용 스팬과 CSS :

function givemecolor(thecolor,thetext) 
    { 
    return '<span style="color:'+thecolor+'>'+thetext+'</span>'; 
    } 
document.write(givemecolor('green','I\'m an apple')); 
document.write(givemecolor('yellow','and I\'m a banana')); 
+0

이후 바나나 줄 중간에서 인용 부호를 이스케이프 처리해야합니다. 감사합니다. –

+0

감사합니다. – Tschallacka

1

는 다음과 같이하십시오 :

이 말했다되고
var clr = 'green'; 
var html = '<font color="' + clr + '">' + onlineff + ' </font>'; 

, 당신은 <font> 태그를 사용하지 않아야합니다. 현재 사용 중지되었습니다. CSS를 사용하여 마크 업에서 주어진 요소의 스타일 (색)을 변경하십시오.

+0

그것은 삭제 된 것이 아니며 제거 된 것입니다 (그리고'color' 속성도 없습니다). –

+0

'font'는 [비추천] (https://developer.mozilla.org/en/HTML/Element/font)입니다. html 4.01 – MilkyWayJoe

6

이에 마크 업을 변경하는 것이 좋습니다 :

var x = document.getElementById('someId'); 
x.style.color = '#00FF00'; 

는 여기를 참조하십시오 : http://jsfiddle.net/2ANmM/

4

<span id="someId">onlineff</span> 

그런 다음이 스크립트를 사용할 수 있습니다 HTML 코드

<div id="coloredBy"> 
    Colored By Santa 
</div> 

자바 스크립트 코드

document.getElementById("coloredBy").style.color = colorCode; // red or #ffffff 

나는이

은 ... 모든 피해야한다처럼

관련 문제