문자열을 태그처럼 작성하여 태그안에 태그를 추가할수있다
ex) var str = <input type="text">;
변수명.innerHTML = str;
document 태그관련 객체
createElement("태그명") - 새로운 태그의값을 변수에 추가한다
ex) var li = document.createElement("li");
태그객체.appendChild("태그명객체") - 태그안에 태그를 추가한다
ex) li.appendChild(div<--변수명이 div임);
=========================================
script문을 활용해 동적으로 태그를 추가할경우에 내가 겪은 오류
1.추가할 태그의 객체생성을 전역으로 하였다
--> 그결과 지속적으로 태그의 추가가 되지않았다 계속해서 새로운태그만 대입하고있는상태였다
정답을 보기이전까지 해결책을 찾지못한이유
-->함수가 실행될때마다 객체가 생성되는 코드는 항상 비효율적이라고 생각하여 함수안에 잦은 객체생성을
아예 하려고하지않았다. 하지만 이와같은경우에는 함수의재사용을 하면서 풀수 없었다.
==========================================
createTextNode("넣고싶은 문장") - 작성후 appendChild로 붙이면 innerHTML처럼 작동한다.
객체.childNodes - 현재 태그안의 공백및 작성에필요했던 값과 태그를 배열형태로 전부 반환
객체.children - 현재 태그안의 값을 배열형태로 전부반환
객체.removeChild(객체.자식) - 현재객체의 하위객체중 선택하여 제거