판봉 개발 일기

manipulation 이번시간에는 저번에 이어서 manipulation에 정리하겠습니다. manipulation이란 뭐 "조작"이란 의미를 가지고 있습니다. 그렇다면 Document에서 무언가 조작하는걸 의미하겠죠? annother 태그 먼저 DOM 노드를 만들때 쓰는 두가지 메서드가 있습니다. 위의 코드에 있는 것 처럼 그리고 저번시간에 배운 innerHTML을 이용해서 해당 요소의 내용을 채워 넣을 수 있습니다. 그렇지만 이 3가지만으로는 아직까지 웹페이지에는 요소들이 나타나지 않습니다. 그래서 이 요소를 넣기위한 방법들이 여럿 존재합니다. 그 방법을 밑에서 알아보겠습니다. 삽입 메서드 보시면 자식요소와 형제요소로 나누어서 추가를 할 수 있습니다. 중간에 setTimeout이란 메서드를 이용해서 시..

DOM NODE DOM 노드는 종류에 따라서 각각 다른 프로퍼티를 지원합니다. 주로 쓰이는것중에는 tagName이란게 있는데 tagName은 프로퍼티의 요소 노드에만 존재합니다. 반대로 nodeName이란것도 있는데 이것은 모든 Node에 존재하기 떄문에 그다지 많이 쓰이지는 않을 것 같습니다. Node property innerHTML이란 것을 이용하면 HTML을 문자열 형태로 받아 올 수 있습니다. 또한 요소안의 HTML을 수정 하는 것도 가능하죠. 실무에서도 많이 쓰인다고 하니 중요한 부분입니다. p 태그 div 태그 위 코드를 사용하여 livesever에서 돌리면 이런 결과가 나옵니다. setTimeout이란 것을 이용해서 시간이 지나면 원래의 body 내부에 새로운 html태그가 추가된것을 확인..