Heim Web-Frontend H5-Tutorial API-Bereichsobjekt

API-Bereichsobjekt

Feb 09, 2017 pm 02:48 PM
api range

Bereichsobjekt:
ist ein Fragment (HTML-Fragment), das einen Knoten oder einen Teil eines Textknotens enthält. Unter normalen Umständen kann es sein, dass es gleichzeitig nur einen Bereich
auf der Seite gibt, oder es können mehrere Bereiche vorhanden sein (verwenden Sie die Strg-Taste für Mehrfachauswahlen, einige Browser erlauben dies jedoch nicht, z. B. Chrome).
Sie können das Bereichsobjekt aus der Auswahl abrufen oder die Methode document.createRange() verwenden, um es abzurufen
1.getSelection(): Rufen Sie die ausgewählten Informationen auf der Seite ab; rangeCount: Die Anzahl der Intervalle, wie viele Inhalte ausgewählt werden ;
3.selection.rangeCount;
4.selection.getRangeAt(i);

5.createRange()-Methode erstellt ein Bereichsobjekt ;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>range对象</title>

</head>

<body>

    selection对象和range对象

    <input type="button" value="点击" onclick="use()">

    <div id="rangeDiv"></div>

    <script>

        function use() {

            var html;

            rangeDiv=document.getElementById("rangeDiv");

            selection=document.getSelection();

            if(selection.rangeCount>0){

                html="您选择了"+selection.rangeCount+"段内容<br/>" ;

                for(var i=0;i<selection.rangeCount;i++){

                    var range=selection.getRangeAt(i);

                        html+="第"+(i+1)+"段内容为:"+range+"<br/>";

                }

                rangeDiv.innerHTML=html;

            }

        }

    </script>

</body>

</html>

Nach dem Login kopieren
Weitere APIs Für Artikel zu Bereichsobjekten beachten Sie bitte die chinesische PHP-Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie kann ich Daten durch Aufrufen der API-Schnittstelle in einem PHP-Projekt crawlen und verarbeiten? Wie kann ich Daten durch Aufrufen der API-Schnittstelle in einem PHP-Projekt crawlen und verarbeiten? Sep 05, 2023 am 08:41 AM

Wie kann ich Daten durch Aufrufen der API-Schnittstelle in einem PHP-Projekt crawlen und verarbeiten?

React API Call Guide: So interagieren und übertragen Sie Daten mit der Backend-API React API Call Guide: So interagieren und übertragen Sie Daten mit der Backend-API Sep 26, 2023 am 10:19 AM

React API Call Guide: So interagieren und übertragen Sie Daten mit der Backend-API

Analyse der Oracle API-Integrationsstrategie: Erreichen einer nahtlosen Kommunikation zwischen Systemen Analyse der Oracle API-Integrationsstrategie: Erreichen einer nahtlosen Kommunikation zwischen Systemen Mar 07, 2024 pm 10:09 PM

Analyse der Oracle API-Integrationsstrategie: Erreichen einer nahtlosen Kommunikation zwischen Systemen

Oracle API-Nutzungshandbuch: Erkundung der Datenschnittstellentechnologie Oracle API-Nutzungshandbuch: Erkundung der Datenschnittstellentechnologie Mar 07, 2024 am 11:12 AM

Oracle API-Nutzungshandbuch: Erkundung der Datenschnittstellentechnologie

Speichern Sie API-Daten mit Python im CSV-Format Speichern Sie API-Daten mit Python im CSV-Format Aug 31, 2023 pm 09:09 PM

Speichern Sie API-Daten mit Python im CSV-Format

So gehen Sie mit Laravel-API-Fehlerproblemen um So gehen Sie mit Laravel-API-Fehlerproblemen um Mar 06, 2024 pm 05:18 PM

So gehen Sie mit Laravel-API-Fehlerproblemen um

PHP-API-Schnittstelle: Erste Schritte PHP-API-Schnittstelle: Erste Schritte Aug 25, 2023 am 11:45 AM

PHP-API-Schnittstelle: Erste Schritte

So entwickeln Sie eine einfache CRUD-API mit MongoDB So entwickeln Sie eine einfache CRUD-API mit MongoDB Sep 19, 2023 pm 12:32 PM

So entwickeln Sie eine einfache CRUD-API mit MongoDB

See all articles