HTML, DOM, Node.js

리스트 입력하기(임시) - HTML

파란배개 2020. 9. 24. 11:49
변수선언
const li = document.createEelement('li');
const name = document.createElement('p');
const contents = document.createElement('p');
const time = document.createElement('span');

li에 자식으로 넣기
li.append(userName, createdAt, msg)

텍스트 입력
name.textContent = "동동"
time.textContent = "2020-09-24"
contents.textContent = "어렵네"

클래스 지정하기
name.classList.add('.name')
time.classList.add('.time')
contents.classList.add('.contents')
li.classList.add('list')

ul(#comment)를 불러와서 li를 붙인다
const comment = document.querySelector('#comment')
comment.append(li)