[javascript] before,after,append,prepend, createElement 사용

 

1)node.append - 노드나 문자열을 node안의 끝에 추가합니다.
2)node.prepend - 노드나 문자열을 node안의 맨앞에 추가합니다.
3)node.before - 노드나 문자열을 node밖의 이전에 추가합니다.
4)node.after - 노드나 문자열을 node밖의 다음에 추가합니다.

 

5)node.insertAdjacentHTML(where, html) / 원하는 위치에 html을 추가합니다.
'beforebegin' node밖의 바로앞에 html을 추가
'afterbegin' node안의 첫번째 자식요소 앞에 html을 추가
'beforeend' node안의 마지막 자식요소 다음에 html을 추가
'afterend' node밖의 바로 다음에 html을 추가