[노마드코더]바닐라JS로 크롬 앱 만들기 (30)createElement로 HTML 태그 추가하기

HTML에 직접 태그를 작성할 수도 있지만, Javascript에서 HTML 태그를 추가할 수 있다.

Javascript에서 생성한 HTML 태그는 HTML에 추가해주는 작업이 필요하다.

 

#1, #3 은 image list를 정의하고 랜덤으로 image를 선택하는 코드이다.

#5 는 createElement를 통해 img 태그를 정의한다.

#7 은 img 태그로 가져올 리소스를 정의한다.

#9 에서 bgImage를 HTML의 body 부분에 붙여서 HTML에 img 태그를 추가한다.