공부한거 정리 공부한거 정리

Javascript

• Javascript Event

  Javascript 2020. 2. 17. 15:21

  1. Event Event를 마치고 HTML의 특정 엘리먼트를 변경하고 싶다 -> 자바스크립트로 구현 가능 2. 이벤트 등록 1) var el = document.getElementById("outside"); el.addEventListener("click", function() { //do something.. }, false); 이벤트 리스너 : 2번째 인자 function() 2) 이벤트 객체 el.addEventListener("click", function(e){ var target = e.target; console.log(target.className, target.NodeName); console.log(target.innerText); debugger // 실행 중 breakpoint ..

  Read More

• DOM과 querySelector

  Javascript 2020. 2. 17. 15:20

  1. DOM 트리 구조로 저장 하는 이유 HTML이 변경될 때 관리를 쉽게 하려고 2. DOM에 접근하는 방법 복잡한 DOM Tree를 탐색하기 위해 탐색알고리즘을 구현하기 힘듦 -> 브라우저에선 DOM API를 제공해서 DOM Tree를 찾고 조작하는것 쉽게 해줌 3.getElementById() document -> HTML 최상위 객체 document.getElementById("nav-cart-count").id; document.getElementById("nav-cart-count").className; document.getElementById("nav-cart-count").style.display = "none"; 4. querySelector() CSS Selector document...

  Read More