본문 바로가기

전체 글164

Element 담긴 내용 불러오기 innerHTML TAG 까지 포함 되서 포멧이 나온다. => 태그를 바꿔서 값을 할당 할 수 있다. textContent 2020. 2. 14.
Adding Event Handler Event: 어떠한 동작의 발생을 전달하기 위해 객체가 메세지를 보낸다. ex) 웹페이지의 로드 버튼의 클릭 브라우저 창의 Resize Dom을 이용해 이벤트 핸들러를 추가할 수 있음. onEventName (onClick) console.dir 은 엘리먼트를 확인 할 수 있는 방법 => 객체를 보여준다. A => li class="comment hello world" id="test A className => comment hello world A classList => [comment, hello, world] 유사배열 A classList[0] => comment A classList contains('comment') => true A attributes => class, id 나눠서 보여준다. 2020. 2. 14.
querySelecter VS querySelecterAll querySelecter => 하나만 가지고 온다. ex) id만 가지고 오고 싶을 때는 querySelecter만 사용해도 좋다. document querySelecter(' #idNAME ') , document querySelecterAll(' .classNAME ') querySelecterAll => 여러개 배열[ ] 형태로 가지고 오고 싶을 때 쓴다. 2020. 2. 14.
어떻게 HTMLElement를 JavaScript를 통해 가지고 올 수 있을까? 어떻게 HTMLElement를 JavaScript를 통해 가지고 올 수 있을까? tagName을 이용 => getElementsByTagName id속성을 이용 => getElementById class Name을 이용 => getElementsByClassName selector을 이용 => querySelector / querySelectorAll 항상 ($0) 가지고 코딩을 할 수 없다. 2020. 2. 14.