1월5일

Vanilla Javascript에서의 jQuery clear(), append()

 

clear() -> innerHTML

jQuery

$('#orders_status_end').clear();

Vanilla JS

document.querySelector('#orders_status_end').innerHTML = '';

 

append() -> insertAdjacentHTML()

jQuery

const temp = `<div>something</div>`;
$('#orders_status_end').append(temp);

Vanilla JS

const temp = `<div>something</div>`;
document.querySelector('#orders_status_end').insertAdjacentHTML('beforeend', temp);

 

jQuery로는 쉽게 다룰 수 있지만 

점점 쓰지 않는 추세라 

Vanilla JS로 어떻게 할까 찾아보다가 insertAdjacentHTML을 통해 append 하는건 처음 봐서 정리해봤다.

더 자세한 정보는 아래 블로그를 통해 확인 가능하다.

 

 

 

 

도움받은 곳

https://velog.io/@1106laura/insertAdjacentHTML

JS로 DOM 요소를 삽입할 때 : insertAdjacentHTML