728x90
반응형

 

innerHTML으로 추가한 문자의 스타일을 변경하고 싶을때

변경하고자 하는 부분에 <font color='색상'></font>을 넣어주면 됨

 

resultArea.innerHTML="<h1>"+num.fontcolor("blue")+"은(는) 5의 배수가 <font color='blue'>맞습니다.</font></h1>";

if(num%5===0){
  resultArea.innerHTML="<h1>"+num.fontcolor("blue")+"은(는) 5의 배수가 <font color='blue'>맞습니다.</font></h1>";
 }else {
  resultArea.innerHTML="<h1>"+num.fontcolor("red")+"은(는) 5의 배수가 <font color='red'>아닙니다.</font></h1>";
            }

 

 

ofcourse.kr/js-course/innerHTML-%EC%86%8D%EC%84%B1

 

JavaScript innerHTML 속성 - ofcourse

개요 QuerySelector로 가져온 도큐먼트 오브젝트의 내용이나, 내부 HTML 코드를 JavaScript 코드에서 변경 할 수 있습니다. 예제 function innerHTMLTest(){ var randValNode = document.getElementById("rand-val"); randValNode.inne

ofcourse.kr

 

728x90
반응형