Объект TextRange
Объект TextRange представляет текст внутри HTML элемента. Самый простой способ понять этот объект, доступный только на платформах Win32 (Internet Explorer 4.0x), это поработать с примером. Посмотрите на следующий HTML код:
<HTML> <HEAD> <TITLE>Sample Page</TITLE> </HEAD> <BODY> <H1>This is a sample page.</H1> <P>This is some sample text.</P> </BODY> </HTML>
Текст HTML документа известен как поток. Поток является в основном целым кодом, в котором все теги убраны. Другими словами, элементы HTML не влияют на поток. Например, поток в для предыдущего примера:
This is a sample page. This is some sample text.
Объект TextRange отображает поток для заданной части документа. С помощью этого объекта вы можете манипулировать потоком, для изменения текста отображающегося на странице. Вы можете использовать этот объект для получения и модификации текста в элементе, для определения местонахождения указанного текста на странице, и выполнять команды, которые влияют на отображение текста. Объект TextRange обычно создается с помощью метода TextRange() желаемого элемента, что продемонстрировано в следующем примере.
var range = document.body.createTextRange();
Этот метод может быть применен только к элементам BODY, BUTTON, TEXTAREA или INPUT, который имеет текстовый тип (type="text").
Другой способ создать объект TextRange - это следующим способом использование метод createRange() объекта document.selection:
var range = document.selection.createRange();
После выделения текстовой области, вы можете использовать разные методы, манипуляции объектом TextRange. Мы обсудим эти методы в следующем разделе этой статьи.