WebAPI 프로 그래 밍 1

1.DOM 소개
1.DOM 문서 대상 모델(Document Objecxt Model,DOM 으로 약칭)은 W3C 조직 이 추천 하 는 확장 가능 한 태그 언어(HTML 또는 XML)를 처리 하 는 표준 프로 그래 밍 인터페이스 입 니 다.W3C 는 일련의 DOM 인 터 페 이 스 를 정의 하 는데 이러한 DOM 인 터 페 이 스 를 통 해 웹 페이지 의 구조,내용,스타일 을 바 꿀 수 있다.
1,2 DOM 트 리●문서:한 페이지 는 하나의 문서 입 니 다.DOM 에 서 는 docnment 를 사용 하여●요 소 를 표시 합 니 다.페이지 에 있 는 모든 태그 가 요소 이 고 DOM 에 서 는 element 를 사용 하여●노드 를 표시 합 니 다.웹 페이지 의 모든 내용 은 노드(태그,속성,텍스트,주석 등)이 고 DOM 에 서 는 node 를 사용 합 니 다.
2.사건 기초
2,1 흔히 볼 수 있 는 마우스 이벤트
마우스 이벤트
트리거 조건
onclick
마우스 우 클릭 으로 좌 클릭 시 시전
onmouseover
마우스 터치
onmouseout
마우스
onfocus
마우스 초점 맞 추기
onblur
마우스 초점 감소
onmousemove
마우스 시 프 트
onmouseup
마우스 팝 업 터치
onmousdown
마우스 로 터치 하기;
2,2 실행 이벤트 절차 1,이벤트 원본 가 져 오기 2,등록 이벤트 3,이벤트 처리 프로그램 추가(함수 할당 형식 사용)
3.조작 요소
JS 의 DOM 조작 은 웹 페이지 의 내용,구조 와 스타일 을 바 꿀 수 있 고 DOM 조작 요 소 를 이용 하여 요소 안의 내용,속성 값 등 을 바 꿀 수 있다.
3,1 요소 내용 변경

element.innerText

시작 위치 부터 종료 위치 까지 의 내용 이지 만 HTML 탭 을 제거 하고 빈 칸 과 줄 바 꾸 기 도 제거 합 니 다.

element.innerHTML

시작 위치 부터 종료 위치 까지 의 모든 내용 은 html 라벨 을 포함 하고 빈 칸 과 줄 바 꿈 을 유지 합 니 다.
3,2 상용 요소 의 속성 조작 1,innerText,innerHTML 변경 요소 내용 2,src,href 3,id,alt,title