[JavaScript] 자바스크립트에서 스크립트로 이미지 요소 추가하기

188_자바스크립트에서 스크립트로 이미지 요소 추가하기 [적용] 동적으로 이미지를 배치하고 싶을 때 대량의 이미지를 효율적으로 배치하고 싶을 때 [문법] 메소드 의미 반환 new image() img 요소 인스턴스 생성 img 요소 [내용] img 요소의 인스턴스는 Image 객체를 사용해 생성하며, new Image() 대신 document.createElement('img')를 사용할 수도 있다. 작성한 요소는 DOM 트리에 추가가 필요하며, body 요소 내 표시하고자 할 때는 document.body.appendCHild()를 사용한다. HTML index.html JavaScript main.js // 삽입하고 싶은 요소를 참조 const container = document.querySelec..

2022.07.22