본문 바로가기

학원 일기/학원-JavaScript

JS6

객체.parentElement - 부모 태그를 반환

객체.parentNode - 부모의 태그,text반환

========== Element가 없으면 text까지반환 없다면 태그만 반환 한다 ========

객체.nextElementSibling - 다음 형제 태그 반환

객체.previousElementSibling) - 이전 형제 태그 반환

객체.firstElementChild - 첫번째 자식 태그 반환

객체.lastElementChild - 마지막 자식 태그 반환

 

이벤트 헨들러에 this 매개변수를 전달해주는것을 응용하면

현재태그의 부모,자식,형제 태그를 자유롭게 지정할수있다

(함수안에서 동적으로 생성된 이벤트 핸들러에도 이벤트 핸들러를 추가할수 잇다)

 

부모객체.insertBefore(자식객체 1번, 자식객체 2번)

- 자식객체 1번을 자식객체 2번의 뒤로 보낸다

 

태그의 값을 가져온뒤

 

객체.type - 태그 타입반환

객체.id - 태그 id반환

객체.className - 태그 클래스 전부 반환

객체.classList - 객체 클래스 리스트로 반환

객체.classList.add("명칭") - 태그에 "명칭"클래스 목록에 추가

객체.classList.contains("명칭") - 태그의 클래스 목록에 "명칭"의 포함여부 확인 있다면 true반환 /없다면 false반환

'학원 일기 > 학원-JavaScript' 카테고리의 다른 글

JS8  (0) 2021.06.04
JS7  (0) 2021.06.03
JS5  (0) 2021.06.01
JS4  (0) 2021.05.31
JS3  (0) 2021.05.28