[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);