Ringkasan cara menggunakan objek textRange dalam kemahiran JavaScript_javascript

Objek Julat Teks ialah ciri lanjutan HTML dinamik (DHTML). Ia boleh digunakan untuk mencapai banyak tugas berkaitan teks, seperti mencari dan memilih teks. Julat teks membolehkan anda memilih aksara, perkataan dan ayat secara selektif daripada dokumen. Objek TextRange ialah objek abstrak yang menetapkan kedudukan mula dan akhir pada aliran teks yang akan dipaparkan oleh dokumen HTML.

Berikut ialah atribut dan kaedah TextRange yang biasa digunakan:

Atribut

boundingHeight mendapat ketinggian segi empat tepat yang terikat pada objek TextRange
boundingLeft mendapat jarak antara tepi kiri segi empat tepat yang terikat pada objek TextRange dan sebelah kiri objek TextRange yang mengandungi
offsetLeft Mendapatkan kedudukan kiri objek yang dikira berbanding dengan reka letak atau koordinat induk yang ditentukan oleh sifat offsetParent
offsetTop mendapat kedudukan teratas objek yang dikira berbanding dengan reka letak atau koordinat induk yang ditentukan oleh sifat offsetParent
htmlTeks mendapat lebar segi empat tepat yang terikat pada objek TextRange
teks menetapkan atau mendapatkan teks yang terkandung dalam julat
Kaedah

moveStart menukar kedudukan permulaan julat
moveEnd menukar kedudukan akhir julat
runtuh mengalihkan titik sisipan ke permulaan atau penghujung julat semasa
move Meruntuhkan julat teks yang diberikan dan mengalihkan julat kosong bilangan sel yang diberikan
execCommand melaksanakan perintah pada dokumen semasa, pemilihan semasa atau julat yang diberikan
pilih menetapkan kawasan pemilihan semasa kepada objek semasa
findText mencari teks dalam teks dan menetapkan titik mula dan akhir julat untuk mengelilingi rentetan carian.
Menggunakan objek TextRange biasanya melibatkan tiga langkah asas:

　1. Buat julat teks

　2. Tetapkan titik mula dan titik akhir

　3. Kendalikan julat

Salin kod Kod adalah seperti berikut:

6.parentElement()

Die Methode parentElement() gibt einen Verweis auf den Container zurück, der den Textbereich

enthält

Ruft das DOM-Objekt des vom Cursor ausgewählten Textes ab

Code kopieren Der Code lautet wie folgt:

<script> Funktion getParElem() <br> { <br> var rng = document.selection.createRange(); var container = rng.parentElement(); <br> //alert(container.getAttribute("id")||container.getAttribute("value")||container.getAttribute("type")); alarm(container.tagName); <br> } <br> </script> Dies ist Text, der nur zum Textkörper
gehört

Dies ist der im div

enthaltene Text

Dies ist der in p

enthaltene Text

Dies ist der im div->strong

enthaltene Text