판봉 개발 일기

Attribute-property 이번시간에는 제목 그대로 attribute-property에 대해서 알아 볼겁니다. 브라우저는 웹페이지를 만나면 HTML을 읽고 DOM객체를 생성합니다. 그리고 요소노드(element node)에서 대부분의 표준HTML속성들은 DOM객체의 프로퍼티가 되죠. 가 있으면 DOM 객체에서 body.id="page"로 사용할수있는것처럼요 하지만 인생처럼 이렇게 쉽게쉽게 흘러가지만은 않습니다. 만약 표준이 아닌 속성이 있다면 어떻게 될까요? 위에 방식으로는 찾을 수가 없습니다. 그럴때에는 querySelector가 아닌 getAttribute를 이용해야합니다. 바로 비표준 속성을 가져오는 것이죠. 물론 위의 사진처럼 setAttribute라는 것을 이용하여 비표준 속성을 변경할 ..

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