JS 요소 생성, 추가, 클래스 변경, 추가

.createElement()

   const li = document.createElement("li");

 

   <li></li> 생성

   const span = document.createElement("span");

   <span></span> 생성

 

.className = "newLi" 

 

.classList.add("newLi");

.classList.remove("newLi");

 

.appendChild()

   li.appendChild(span);

   span을 li 자식요소로 넣음

 

.prepend()

   .prepend()는 선택한 요소의 내용의 앞에 콘텐트,요소 추가

  <p>Lorem Ipsum Dolor</p>

  $( 'p' ).prepend( '123 ' );

  <p>123 Lorem Ipsum Dolor</p>