자바스크립트 html에 추가.

document.addEventListener('DOMContentLoaded',function(){

  const ulList = this.createElement('ul');

  let textArray = ['Home', 'About', 'Product', 'Contact Us'];

  textArray.map((list, index)=>{

    ulList.innerHTML += `<li key=${index}>${list}</li>`

  });

  console.log(ulList);

  document.body.appendChild(ulList);

});

createElement 해서 생성만 한다.

.innerHTML, 즉 저 Element의 html태그 안쪽에 저것들을 넣는다.

저 .map(list, index)는 반복문이라고 보면 편함.

index가 번호, list가 객체.

 

document.body.appendChild()로 body에 추가.