자바스크립트 문법/문법 정리 뼈대

append 와 appendChild 차이

자무카 2023. 1. 1.

append

노드 객체(Node object)나 DOMString(text)를 사용할 수 있습니다.// appendChild는 텍스트 사용 불가

parent.append('텍스트');

한번에 여러 개의 자식 요소를 설정할 수 있습니다. // append 는 한번에 한 개

document.body.append(div, 'hello', span, p);

append 는 리턴값이 없다.  console.log(document.body.append~~~ ) // appendChild는 노드객체를 리턴한다.

const div = document.createElement('div');
const span = document.createElement('span');
const p = document.createElement('p');

console.log(document.body.append(div, 'hello', span, p)); // undefined

 

댓글