JAVASCRIPT

    TextRange 객체
    • 조회수 5,353
    • 작성일 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의 끝점을 기준으로 설정한다.