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
'develop > javascript' 카테고리의 다른 글
| [JS] append() & appendChild() 비교 (0) | 2021.10.02 |
|---|---|
| [JS] innerHTML & innerText (0) | 2021.09.27 |
| [JS] 배열을 객체로 (0) | 2021.09.10 |
| [JS] map()에 관하여 (0) | 2021.09.06 |
| [JS] 숫자 야구 게임 [2] (0) | 2021.08.31 |
댓글