꾸매코딩

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

JavaScript

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

꾸매코더 2021. 6. 10. 19:30
반응형

서론

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

 

 

 

반응형