본문 바로가기

전체 글

 (41)
Javascript JS DOM & EVENT #2 부모, 자식, 형제 노드 부모 노드 접근 const red = document.getElementById('red'); 모든 부모 노드 - red.parentNode; html요소인 모든 부모 노드 - parentElement; 자식 노드 접근 const ul = document.getElementById('id'); 모든 자식 노드 리스트 - ul.childNodes; html요소인 자식 노드 리스트 - ul.children; 첫번째 자식 노드 - ul.firstChild; 마지막 자식 노드 - ul.lastChild; 첫번째 html요소인 자식 노드 - ul.firstElementChild; 마지막 html요소인 자식 노드 - ul.lastElementChild; 형제 노드 접근 const blue = document.get..
Javascript JS DOM & EVENT #1 노드에 접근하기 DOM (Document Object Model) - 문서 객체 모델 각 html 요소들을 트리형태로 된 데이터 구조로 만듬 DOM이 완성되고 나면 JS같은 프로그래밍 언어가 DOM을 제어할 수 있게됨 document.documentElement - 화면의 모든 html 요소를 가져옴 document.getElementById('id') - id로 해당하는 html 요소를 가져옴 document.getElementsByTagName('tagName') - 태그명으로 해당하는 html 요소를 객체로 가져옴 document.getElementsByClassName('class명') - class명으로 해당하는 html 요소를 객체로 가져옴 document.getElementsByName('태그 name 명'..
Javascript JS 제네레이터 (generator) 제네레이터 (generator) - 함수의 실행을 중간에 멈췄다가 재개할 수 있는 기능 // Generator // .next() .return() .throw() // yield 로 실행할 순서를 정할 수 있다. // 처음 .next() 를 통해 다음 yield 전까지 실행 // 중간에 .return('value') 를 통해 value와 done 값을 true로 바꿀수 있다. 그 이후로는 .next()가 먹히지 않는다 // .return 과 마찬가지로 .throw('error') 를 통해 에러 메세지를 출력 가능하고 그후로는 .next()가 먹히지 않는다 // .throw의 경우 try catch 문으로 감싸야한다. function* fn() { console.log(1); yield 1; consol..

티스토리툴바