Live Collection2 [JavaScript] Static / Live Collection, Selector와 ElementBy 차이. @ getElementBy와 querySelector의 차이점 "querySelector"는 지정한 그룹과 일치하는 document안의 첫번째 값 을 반환한다. "querySelectorAll"은 지정된 모든 값 을 부른다. "getElementBy-"는 By 뒤의 키워드(id,class...)를 통해 일치하는 값 을 반환한다. 두 명령어 모두 일치하는 값이 없다면 null을 반환한다. 두 명령어의 다른점은 반환되는 형태가 "Node List"냐 "HTMLCollection"이냐에 있다. @ NodeList VS HTMLCollection( Live & Static Collection ) % NodeList => element.childNodes나 querySelectorAll( )과 같은 메소드에 의해.. 2021. 6. 5. 60일차 JavaScript - DOM, 정적/동적 Collection, Selector와 ElementBy의 차이 21.06.04 JavaScript @JavaScript 작성 방식 3가지 Inline 방식: "onclick"이라는 핸들러 속성을 사용하는 방식으로 자주 사용하지 않는 방법 이다. 내부 작성: HTML 페이지 내 에 코드가 길다만 별거 없다. 3개의 Tag, 4개의 버튼, 4개의 버튼 이벤트 를 만들었다. "getElementByID"를 통해 각 ID명을 갖고 있는 Tag들을 호출 하여 변수에 담았다. "innerHTML"은 지정한 객체에 HTML 언어를 추가 할 수 있는 명령어이다. "btn4"라는 객체를 통한 함수는 각 태그들의 내용을 비어있도록 만들었다. @JS - Element 요소 접근 => 직관적으로 해석해도 된다. 이름 그대로 지정한것들을 가져온다는 뜻. @ getElementBy와 que.. 2021. 6. 4. 이전 1 다음
