다양한 DOM 생성방법, each문으로 반복 DOM생성

 

[DOM생성]

: DOM객체 원하는 위치에 추가하기

 

 

방법1_ append() 활용해서 태그, 속성을 직접 다 설정

$(추가할 위치).append(추가할 요소) : 요소를 추가할 위치 뒤에 추가합니다.

 

 

방법2_ html() 활용해서 모든 태그와 속성을 아예 문자열로 전체로 만들어서 삽입

 

 

방법3_ es6 문자열 표기법

백틱(`)을 사용하는 방식

 

 

each문으로 반복 DOM 생성하기

.each() : 배열이나 반복되는 DOM을 반복처리 가능

 

 

[문법]

$(추가할위치).each(function(파라미터){ });