Rumah >hujung hadapan web >tutorial js >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
6.parentElement()
Die Methode parentElement() gibt einen Verweis auf den Container zurück, der den Textbereichenthält
Ruft das DOM-Objekt des vom Cursor ausgewählten Textes ab
Dies ist der in p
enthaltene Text