[JS] insertadjacentelement & insertadjacenthtml
insertadjacentelement
insertAdjacentElement ()는 이미 Dom에있는 요소를 삽입하는 데 사용됩니다. 예를 들어 getElementById ()를 사용하여이 요소를 가져올 수 있다.
이미 만들어진 어떤 Element 형태를 가져오는 역할을 한다. 그래서 createElement로 가져온 것의 적용한다.
https://www.w3schools.com/jsref/met_node_insertadjacentelement.asp
HTML DOM insertAdjacentElement() Method
HTML DOM insertAdjacentElement() Method Element Object Example Move a span element to after the header element: var s = document.getElementById("mySpan"); var h = document.getElementById("myH2"); h.insertAdjacentElement("afterend", s); Try it Yourself » D
www.w3schools.com
insertadjacenthtml
insertAdjacentHtml ()은 HTML 코드를 삽입하는 데 사용 된다.
string 형태를 받아오는 역할을 한다. 즉, 리터럴 형태에 유용하게 쓰인다. ex) <li>a</li>
https://www.w3schools.com/jsref/met_node_insertadjacenthtml.asp
HTML DOM insertAdjacentHTML() Method
HTML DOM insertAdjacentHTML() Method Element Object Example Insert a new
element after the header element: var h = document.getElementById("myH2"); h.insertAdjacentHTML("afterend", "
My new paragraph
"); Try it Yourself » Definition and Usage The
www.w3schools.com