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

2021. 6. 10. 19:30·JavaScript
반응형

서론

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

 

 

 

반응형
'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 아이콘 출력하기
상단으로

티스토리툴바