Range

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Giao diện Range đại diện cho một đoạn của tài liệu có thể chứa các nút và các phần của nút văn bản.

Bạn có thể tạo một range bằng phương thức Document.createRange(). Đối tượng Range cũng có thể được lấy bằng phương thức getRangeAt() của đối tượng Selection hoặc phương thức caretRangeFromPoint() của đối tượng Document.

Cũng có constructor Range().

Constructor

Range(): Trả về một đối tượng Range với Document toàn cục làm điểm bắt đầu và kết thúc.

Thuộc tính thể hiện

Cũng kế thừa thuộc tính từ giao diện cha, AbstractRange.

Range.commonAncestorContainer Read only: Trả về Node sâu nhất chứa cả hai nút startContainer và endContainer.

Phương thức thể hiện

Không có phương thức kế thừa.

Range.collapse(): Thu gọn Range về một trong các điểm biên của nó.
Range.compareBoundaryPoints(): So sánh các điểm biên của Range với một Range khác.
Range.compareNode() Deprecated Non-standard: Trả về một hằng số biểu thị việc Node đứng trước, sau, bên trong hay bao quanh range.
Range.comparePoint(): Trả về -1, 0 hoặc 1 cho biết điểm nằm trước, trong hay sau Range.
Range.cloneContents(): Trả về một DocumentFragment sao chép các nút của Range.
Range.cloneRange(): Trả về một đối tượng Range có các điểm biên giống hệt Range được sao chép.
Range.createContextualFragment(): Trả về một DocumentFragment được tạo từ một chuỗi mã đã cho.
Range.deleteContents(): Xóa nội dung của Range khỏi Document.
Range.detach() Deprecated: Không làm gì cả. Giữ lại để tương thích.
Range.extractContents(): Di chuyển nội dung của Range từ cây tài liệu vào một DocumentFragment.
Range.getBoundingClientRect(): Trả về một đối tượng DOMRect bao quanh toàn bộ nội dung của Range.
Range.getClientRects(): Trả về danh sách các đối tượng DOMRect tổng hợp kết quả của Element.getClientRects() cho mọi phần tử trong Range.
Range.isPointInRange(): Trả về boolean cho biết điểm đã cho có nằm trong Range hay không.
Range.insertNode(): Chèn một Node tại đầu Range.
Range.intersectsNode(): Trả về boolean cho biết nút đã cho có giao với Range hay không.
Range.selectNode(): Đặt Range để chứa Node và nội dung của nó.
Range.selectNodeContents(): Đặt Range để chứa nội dung của một Node.
Range.setEnd(): Đặt vị trí kết thúc của Range.
Range.setStart(): Đặt vị trí bắt đầu của Range.
Range.setEndAfter(): Đặt vị trí kết thúc của Range tương đối với một Node khác.
Range.setEndBefore(): Đặt vị trí kết thúc của Range tương đối với một Node khác.
Range.setStartAfter(): Đặt vị trí bắt đầu của Range tương đối với một Node khác.
Range.setStartBefore(): Đặt vị trí bắt đầu của Range tương đối với một Node khác.
Range.surroundContents(): Di chuyển nội dung của Range vào một Node mới.
Range.toString(): Trả về văn bản của Range.

Thông số kỹ thuật

Specification
DOM # interface-range
DOM Parsing and Serialization # extensions-to-the-range-interface
CSSOM View Module # extensions-to-the-range-interface

Tương thích trình duyệt

Xem thêm

Chỉ mục các giao diện DOM

Help improve MDN

Learn how to contribute

This page was last modified on Jan 1, 1970 by MDN contributors.

View this page on GitHub • Report a problem with this content