DOM

DOM

Record
  • account_tree
  • bug_report

ObjectSelection

사용자가 선택한 텍스트를 다루는 객체이다.

하위 트리 탐색

  • Constructor

    생성자 함수는 존재하지 않으며 window.getSelectoin() 메소드를 호출하여 인스턴스를 반환받는다.

  • [[Prototype]]

    • Properties

      • anchorNode

        텍스트의 선택이 시작되는 노드를 조회한다.

      • anchorOffset

        Selection.prototype.anchorNode 내에서 선택이 시작되는 텍스트의 인덱스를 조회한다.

      • focusNode

        Selection.prototype.anchorNode 내에서 선택이 끝나는 노드를 조회한다.

      • focusOffset

        Selection.prototype.focusNode 내에서 선택이 끝나는 텍스트의 인덱스를 조회한다.

      • isCollapsed

        현재 선택된 텍스트가 존재하는지 여부를 불리언(boolean)으로 조회한다.

      • rangeCount

        선택된 항목의 수를 나타낸다.

      • type

        현재 선택 항목의 유형을 나타내는 문자열을 조회한다.

    • Methods

      • addRange()

        현재 Selection 객체에 Range 객체를 추가한다.

      • collapse()

        현재 선택 항목을 단일 지점으로 축소한다.

      • collapseToEnd()

        현재 선택 항목을 선택 항목의 마지막 범위 끝까지 축소한다.

      • collapseToStart()

        현재 선택 항목을 선택 항목의 첫 번째 범위 시작 부분으로 축소한다.

      • containsNode()

        지정된 노드가 현재 선택 항목의 일부인지를 불리언(boolean)으로 조회한다.

      • deleteFromDocument()

        현재 선택한 텍스트를 문서의 DOM에서 제거한다.

      • empty()

        선택 항목에서 모든 범위를 제거하고 아무것도 선택되지 않은 상태로 변경한다.

      • extend()

        선택 항목의 포커스를 지정된 지점으로 이동한다.

      • getRangeAt()

        현재 선택된 범위 중 하나를 나타내는 Range 객체를 반환한다.

      • modify()

        현재 선택 항목이나 커서 위치에 간단한 텍스트 명령을 사용하여 변경 사항을 적용한다.

      • removeAllRanges()

        선택 항목에서 모든 범위를 제거하고 아무것도 선택되지 않은 상태로 변경한다.

      • removeRange()

        선택 항목에서 범위를 제거한다.

      • selectAllChildren()

        지정된 노드의 모든 하위 항목을 현재 선택 항목에 추가한다. 이전 선택이 사라진다. 

      • setBaseAndExtent()

        지정된 두 개의 DOM 노드의 전부 또는 일부와 그 사이에 있는 모든 콘텐츠를 포함하는 범위로 선택 항목을 설정한다.

      • setPosition()

        현재 선택 항목을 단일 지점으로 축소한다.

      • toString()

        현재 선택된 텍스트를 반환한다.

지원 웹브라우저