CodeStates/└ DOM6 DOM (클릭 이벤트) HTML Click JavaScript $0.onclick = function() { console.log('Security Info') } $0.clickInfo('click', function() { console.log('Security Info') }); 이벤트와 그 종류 이벤트는 어떠한 사용자 입력, 또는 다른 트리거에 의해 발생하는 메시지로, 이에 대한 핸들러(리스너)를 추가할 수 있음 2020. 7. 6. DOM (HTML 구조 접근) DOM (Document Object Model) JavaScript를 이용해서 엘리먼트의 속성값을 얻어내거나, 변경하는 방법 ``` 값이 들어있습니다 자식이 들어있습니다 자식이 여럿 들어있습니다 ``` 속성 속성에 대한 값 태그 이름 div id security class info, blue 안쪽에 담긴 내용 값이 들어있습니다 자식이 들어있습니다 자식이 여럿 들어있습니다 부모 엘리먼트 body 자식 엘리먼트 span, span 자료출처 : 코드스테이츠 HTML 문서의 구조와 관계를 객체(Object)로 표현한 모델 트리 구조 HTML 문서도, JavaScript 객체도 둘 다 트리 구조 document라는 전역변수로 접근이 가능 속성 속성 이름 태그 이름 tagName id id class 목록 cla.. 2020. 7. 6. 이전 1 2 다음