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
반응형
'Coding With Jina > JavaScript' 카테고리의 다른 글
[1분코딩] 자바스크립트 기초 - DOM (0) | 2020.12.01 |
---|---|
[자바스크립트] 5의 배수 찾기 (0) | 2020.11.29 |
[자바스크립트] 문자열 FONTCOLOR () 메서드 (0) | 2020.11.29 |
[1분코딩] 자바스크립트 기초 - 객체 (0) | 2020.11.26 |
[자바스크립트] while문을 이용한 팩토리얼 계산기 (0) | 2020.11.25 |