본문 바로가기

프로그래밍 세상/자바스크립트 이야기

제 15장. 문서 스크립팅

 1. 노드 객체 

There's no place like home 이라는 텍스트를 출력하기 위해서 

javascript 소스에는 여러가지 태그와 속성 및 텍스트가 있습니다.

DOM 트리구조는 다양항 타입의 Node 객체로 구성된 트리로 표현되어 있죠. 

소스에서 태그 및 속성, 텍스트는 노드타입, 엘리먼트객체로 표현됩니다.





<html>

노드타입은 ELEMENT_NODE 이며, HTMLHtmlElement 객체로 표현

There's no place like

→ 노드타입은 TEXT_NODE 이며, Text 객체로 표현


... 아래 콘솔 정보를 보면 위와 같은 내용을 알 수 있다.





 2. 선택된 텍스트 정보

window.getSelection() 는 마우스로 선택한 텍스트를 DOMSelection 객체로 반환한다.

아래 실행 그림에도 볼 수 있듯이 DOMSelection 객체에는 선택 시작 위치, 끝 위치, focus 노트타입 등을 나타낸다.

DOMSelection 의 TEXT 정보를 표시하기 위해 toString 메서드를 이용한다.