[JS]2021-1115 자바스크립트 .createElement() & .appendChild - HTML...

[JS]2021-1115 자바스크립트 .createElement() & .appendChild - HTML...

document.creatElement()

document 객체의 메소드로, HTML 요소를 생성할 수 있다.

const bgImage = document.createElement("img"); //img태그 생성

부모노드.appendChild()

특정 요소에 자식 요소를 추가할 수 있다.

document.body.appendChild(bgImage); //body 내부에 bgImage를 추가

배열 내의 랜덤 이미지 화면에 출력하기

const images = [ "0.jpg", "1.jpg", "2.png" ]; const chosenImage = images[Math.floor(Math.random() * images.length)]; const bgImage = document.createElement("img"); bgImage.src = `img/${chosenImage}`; document.body.appendChild(bgImage);

from http://friedegg556.tistory.com/33 by ccl(A) rewrite - 2021-11-15 22:01:18