[Javascript] HTML에 Font Awesome 아이콘 출력하기

2021. 6. 10. 19:30·JavaScript
목차
  1. 서론
  2. 방법 1.
  3. 방법 2.
  4. 참고자료
반응형

서론

JavaScript 이용해서 HTML 상에 Font Awesome 아이콘 나타내기

몇 번의 삽질과 미리 경험해보시고 정보를 남겨주신 분들이 있어서 쉽게 해결할 수 있었다.

 

방법 1.

const icon = document.createElement("i");

icon.innerHTML = '<i class="far fa-trash-alt"></i>'

 

방법 2.

const icon = document.createElement("i");

icon.setAttribute("class","far fa-trash-alt");

 


참고자료

https://breathtaking-life.tistory.com/26

 

[JavaScript] (해결) 동적으로 font awesome 아이콘 추가하기

나는 쇼핑목록 앱을 만들고있다. TO DO LIST처럼 쇼핑할 물건들을 적는 리스트이다. 현재 문제점 : appendChild, innerHTML 등을 이용하여 font awesome icon을 추가하려한다. 이런식으로. 다만 x 표시(빨간색

breathtaking-life.tistory.com

 

 

 

반응형
  1. 서론
  2. 방법 1.
  3. 방법 2.
  4. 참고자료
'JavaScript' 카테고리의 다른 글
  • [JavaScript] arrow function(화살표 함수) 이란 무엇인가?
  • [JavaScript/Array] 배열(Array)에서 forEach, filter, map 특징과 사용법
  • [Vanilla JS] Menu 만들기
  • [Vanilla JS] Drag & Drop 만들기
꾸매코더
꾸매코더
웹 / 앱 개발자
  • 꾸매코더
    꾸매코딩
    꾸매코더
  • 전체
    오늘
    어제
    • 분류 전체보기 (96)
      • JavaScript (18)
        • Deep Dive (0)
      • React (5)
      • React-Native (9)
      • CSS (3)
      • TypeScript (1)
      • CS (10)
      • GitHub (4)
      • Clone Coding (15)
        • Kakaotalk [HTML + CSS] (10)
        • Momentum [JavaScript] (5)
      • Project (30)
        • Timer Project (14)
        • Netflix [React + Hooks] (12)
        • ToDoList [React-Native] (4)
      • 회고 (1)
  • 링크

    • Github
  • hELLO· Designed By정상우.v4.10.3
꾸매코더
[Javascript] HTML에 Font Awesome 아이콘 출력하기

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.