JavaScript

TextRange 객체
  • 조회수 5,163
  • 작성일 2008-08-01
  •  

TextRange 객체

TextRange 객체는 문서 객체 모델을 구성하는 한 부분으로 선택한 범위 또는 문서 전체 영역을 하나의 객체로 만들어 이 안에서 다양한 문자열 조작 및 태그의 변형을 가능하게 만들어준다. 이 객체는 스크립트 안에서 주로 사용되며 가장 기본적으로 사용되는 메서드들은 다음과 같다. 

* collapse
- textRange를 축소하면, 현재 범위의 시작 혹은 끝부분에 삽입점을 만든다.
* compareEndPoints
- 두 개의 textRange를 비교한다.
* document.selection.createRange
- 마우스로 드래그하여 생긴 영역에 대해 textRange객체를 만든다.  여기서 선택한 텍스트는 색이 반전되며 textRange의 text 속성(property)에 그 값이 저장되어 있다.
* createTextRange
- 메서드 앞에 선행하는 객체에 대한 textRange 객체를 만든다.
     ☞ var R = document.body.createTextRange() 라고 할 경우
         문서 전체(body 태그)에 대한 textRange객체를 만든다.
* duplicate
- textRange의 복제본을 리턴한다.
* expand
- textRange를 문자, 단어 혹은 문장으로 확장한다.
* findText
- 문서에서 텍스트를 찾는다. 그리고 검색 스트림 범위의 시작과 끝부분을 설정한다.
* getBookmark
- 문서 내의 고유한 위치를 지정하는 북마크 문자열을 제공한다.
* inRange
- 지정된 범위가 현재의 textRange와 같은지 아니면 그 안에 들어가는지를 결정한다.
* move
- textRange를 축소하고 지정한 문자, 단어 혹은 문장의 수만큼 빈 textRange를 이동한다.
* moveEnd
- tetRange의 끝 지점을 이동시켜서 그것의 범위를 수정한다.
* moveStart
- textRange의 시작 지점을 이동시켜서 그것의 범위를 수정한다.
* moveToBookmark
- getBookmark로 만들어진 북마크를 이동한다.
* moveToElementText

- textRange를 이동시켜 그것의 시작점과 끝점이 지정된 요소내의 텍스트들을 감싸게 한다.
* moveToPoint
- textRange를 축소시키고 지정된 지점까지 이동한다.
* parentElement
- 현재의 textRange를 완전히 감싸는 요소를 리턴한다.
* pasteHTML
- HTML을 지정된 textRange로 붙여 넣는다.
* scrollIntoView
- textRange를 브라우저의 보기창 안으로 스크롤 한다.
* select
- 현재 rextRange를 반전시킨다.
* setEndPoint
- 현재 textRange의 끝점을 다른 textRange의 끝점을 기준으로 설정한다.