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
'ETC > develop' 카테고리의 다른 글
| [WORD] 한글 -> 영어 자동 변환 취소하기 (자동 고침 다른 방법) (0) | 2021.10.27 |
|---|---|
| [JS] append() & appendChild() 비교 (0) | 2021.10.02 |
| [JS] innerHTML & innerText (0) | 2021.09.27 |
| [TS] Property 'src' does not exist on type 'HTMLElement' (0) | 2021.09.26 |
| [NPM] install시 --save 뜻 (0) | 2021.09.15 |
댓글