Javascript - append vs appendchild

조혜령·2021년 11월 20일
0

Javascript

목록 보기
16/19

append()와 appendchild()란??

둘 다 js 상에서 부모와 자식 관계를 만들어주는 요소이다.

createElement

요소(tag)를 생성해줄 때 사용한다.

createTextnode

string이 들어간 요소를 만들 때 사용한다.

append()란??

여러개의 자식 형성이 가능하다.

document.body.append(div, "Hi!", span);
--->
<body>
    <div></div>
    Hi!
    <span></span>
</body>

string도 자식으로 만들어줄 수 있다.

div.append("append예시");
--->
<div>append예시</div>

return 값 반환은 불가능!!

appendchile()란??

string은 자식요소로 추가가 불가능하다.
한번에 오직 하나의 자식요소 생성이 가능하다.
return 값 반환 가능!!

console.log(document.body.appendchild(div));
--->
div ---> node element임
profile
HR velog

0개의 댓글