recursal/MDN huggingface dataset:
CharacterData
=============

L'interface abstraite **`CharacterData`** représente un objet `Node` (*noeud*) qui contient des caractères. C'est une interface abstraite, ce qui signifie qu'il n'existe aucun objet de type `CharacterData` : elle est implémentée par d'autres interfaces comme `Text`, `Comment` ou `ProcessingInstruction` qui ne sont pas abstraites.

EventTarget

Node

CharacterDataPropriétés
----------

*Hérite des propriétés de son parent `Node` et implémente les interfaces `ChildNode` et `NonDocumentTypeChildNode` (en-US).*

`CharacterData.data` (en-US)

est une `DOMString` (*chaîne de caractères*) representant les données textuelles contenues dans cet objet.

`CharacterData.length` (en-US) Lecture seule 

Retourne un `unsigned long` représentant la taille de la chaîne de caractères contenue dans `CharacterData.data`.

`NonDocumentTypeChildNode.nextElementSibling` (en-US) Lecture seule 

Retourne l'`Element` immédiatement après celui spécifié dans la liste des enfants de son parent, ou `null` si l'élément spécifié est le dernier de la liste.

`NonDocumentTypeChildNode.previousElementSibling` (en-US) Lecture seule 

Retourne l'`Element` immédiatement avant celui spécifié dans la liste des enfants de son parent, ou `null` si l'élément spécifié est le premier de la liste.

Méthodes
--------

*Hérite des méthodes de ses parents, `Node` et `EventTarget`.*

`CharacterData.appendData()` (en-US)

Ajoute la `DOMString` (*chaîne de caractères*) donnée à la chaîne `CharacterData.data` ; dans le retour de la méthode, `data` contient la `DOMString` concaténée .

`CharacterData.deleteData()` (en-US)

Supprime la quantité spécifiée de caractères, en commençant au point désigné, à partir de la chaîne `CharacterData.data` ; dans le retour de la méthode, `data` contient le raccourci `DOMString`.

`CharacterData.insertData()` (en-US)

Insère les caractères spécifiés, au point désigné, dans la chaîne `CharacterData.data` ; dans le retour de cette méthode, `data` contient la `DOMString` (*chaîne de caractères*) modifiée.

`ChildNode.remove()` 
Expérimental

Supprime l'objet de la liste d'enfants de son parent.

`CharacterData.replaceData()` (en-US)

Remplace la quantité spécifiée de caractères, en commençant au point désigné, avec la `DOMString` (*chaîne de caractères*) spécifiée ; dans le retour de cette méthode, `data` contient la `DOMString` modifiée.

`CharacterData.substringData()` (en-US)

Renvoie une `DOMString` (*chaîne de caractères*) contenant la partie de `CharacterData.data` de la longueur spécifiée et commençant au point désigné.

Spécifications
--------------

| Specification |
| --- |
| DOM Standard # interface-characterdata |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Référence du DOM.
CSS
===

L'interface CSS possède les méthodes utiles au CSS. Aucun objet de cette interface ne sont implémentés : il ne contient que des méthodes statiques et est donc une interface abstraite.

Propriétés
----------

L'interface CSS est une interface et aucun objet de ce type ne peut être créé: seules les méthodes statiques sont définies.

Méthodes
--------

L'interface CSS est une interface et aucun objet de ce type ne peut être créé: seules les méthodes statiques sont définies.

Static methods
--------------

*Aucun héritage de méthode statique*.

`CSS.supports()` (en-US)

Retourne un `Boolean` (en-US) qui indique si la paire *propriété/valeur*, ou si la condition, passée en paramètre est supportée.


`CSS.escape()` (en-US) 
Expérimental

Utilisée pour protéger une chaine de caractère qui sera utiliser comme sélecteur CSS.

Spécifications
--------------

| Specification |
| --- |
| CSS Object Model (CSSOM) # namespacedef-css |
| CSS Properties and Values API Level 1  |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Components.utils.importGlobalProperties
indexedDB
=========

La propriété globale en lecture seule **`indexedDB`** fournit un mécanisme qui permet aux applications d'accéder aux bases de données indexées de façon asynchrone.

Syntaxe
-------


```js
var IDBFactory = self.indexedDB;
```

### Valeur de retour

Un objet `IDBFactory`.

Exemples
--------


```js
var db;
function openDB() {
  var DBOpenRequest = window.indexedDB.open("toDoList");
  DBOpenRequest.onsuccess = function (e) {
    db = DBOpenRequest.result;
  };
}
```

Spécifications
--------------

| Specification |
| --- |
| Indexed Database API 3.0 # dom-windoworworkerglobalscope-indexeddb |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Utiliser IndexedDB
* Initier une connexion : `IDBDatabase`
* Utiliser les transactions : `IDBTransaction`
* Définir un intervalle de clés : `IDBKeyRange`
* Récupérer et modifier les données : `IDBObjectStore`
* Utiliser les curseurs `IDBCursor`
* Exemple de référence : To-do Notifications (exemple *live*).
PerformanceEntry
================

L'objet **`PerformanceEntry`** encapsule une seule mesure de performance qui fait partie de la *chronologie de performance*. Une *entrée de performance* peut être créée directement en faisant *une marque* ou *une mesure* (par exemple en appelant la méthode `mark()`) à un point explicite d'une application. Les entrées de performance sont également créées de manière indirecte, par exemple en chargeant une ressource (telle qu'une image).

Les instances `PerformanceEntry` auront toujours l'un des sous-types suivants :

* `PerformanceMark`
* `PerformanceMeasure`
* `PerformanceFrameTiming`
* `PerformanceNavigationTiming`
* `PerformanceResourceTiming`
* `PerformancePaintTiming`

**Note:** Cette fonctionnalité est disponible via les Web Workers

Propriétés
----------

`PerformanceEntry.name` Lecture seule 

Une valeur qui précise davantage la valeur renvoyée par la propriété `PerformanceEntry.entryType`. La valeur des deux dépend du sous-type. Voir la page de la propriété pour les valeurs valides.

`PerformanceEntry.entryType` Lecture seule 

Une chaîne de caractère `DOMString` représentant le type de mesure de performance comme, par exemple, "`mark`". Voir la page des propriétés pour les valeurs valides.

`PerformanceEntry.startTime` Lecture seule 

Un objet `DOMHighResTimeStamp` représentant l'heure de départ de la mesure de performance.

`PerformanceEntry.duration` Lecture seule 

Un objet `DOMHighResTimeStamp` représentant la valeur temporelle de la durée de l'événement de performance.

Méthodes
--------

`PerformanceEntry.toJSON()`

Renvoie une représentation JSON de l'objet `PerformanceEntry`.

Exemple
-------

L'exemple suivant vérifie toutes les propriétés `PerformanceEntry` pour voir si le navigateur les prend en charge et, le cas échéant, écrit leurs valeurs dans la console.


```js
function print\_PerformanceEntries() {
  // Utilise getEntries() pour obtenir une liste de toutes les entrées de performance.
  let p = performance.getEntries();
  for (let i = 0; i < p.length; i++) {
    console.log("PerformanceEntry[" + i + "]");
    print\_PerformanceEntry(p[i]);
  }
}
function print\_PerformanceEntry(perfEntry) {
  let properties = ["name", "entryType", "startTime", "duration"];

  for (let i = 0; i < properties.length; i++) {
    // Vérifie chaque propriété
    let supported = properties[i] in perfEntry;
    if (supported) {
      let value = perfEntry[properties[i]];
      console.log("... " + properties[i] + " = " + value);
    } else {
      console.log("... " + properties[i] + " n'est PAS pris en charge");
    }
  }
}
```

Spécifications
--------------

| Specification |
| --- |
| Performance Timeline # dom-performanceentry |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
PerformanceMark
===============

**`PerformanceMark`** est une interface *abstraite* pour les objets `PerformanceEntry` avec un `entryType` « `mark` ».Les entrées de ce type sont créées en appelant `performance.mark()` pour ajouter un `DOMHighResTimeStamp` *nommé* (le *marqueur*) à la *chronologie des performances* du navigateur.

PerformanceEntry

PerformanceMark

**Note:** Cette fonctionnalité est disponible via les Web Workers

Propriétés
----------

Cette interface n'a pas de propriété mais elle étend les propriétés de `PerformanceEntry` suivantes en restreignant les propriétés comme suit :

`PerformanceEntry.entryType`

Retourne « `mark` ».

`PerformanceEntry.name`

Retourne le nom donné au marqueur lorsqu'il a été créé via un appel de `performance.mark()`.

`PerformanceEntry.startTime`

Retourne le `DOMHighResTimeStamp` à partir du moment où `performance.mark()` a été appelé.

`PerformanceEntry.duration`

Retourne « `0` ». (Un marqueur n'a pas de *durée*.)

Méthodes
--------

Cette interface n'a pas de méthodes.

Exemple
-------

Voir l'exemple dans Utilisation de l'API User Timing (en-US).

Spécifications
--------------

| Specification |
| --- |
| User Timing # performancemark |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* API *User Timing* (en-US)
* Utilisation de l'API *User Timing* (en-US)
DOMParser
=========

L'interface **`DOMParser`** permet d'analyser le code source XML ou HTML d'une chaîne de caractères dans le DOM `Document`.

Vous pouvez effectuer l'opération inverse - convertir un arbre DOM en source XML ou HTML - en utilisant l'interface `XMLSerializer`.

Dans le cas d'un document HTML, vous pouvez également remplacer des parties du DOM par de nouveaux arbres DOM construits à partir de HTML en définissant la valeur des propriétés `innerHTML` et `outerHTML`. Ces propriétés peuvent également être lues pour récupérer les fragments HTML correspondant au sous-arbre DOM correspondant.

Notez que `XMLHttpRequest` peut analyser le XML et le HTML directement à partir d'une ressource adressable par URL, en renvoyant un `Document` dans sa propriété `response`.

Constructeur
------------

`DOMParser()` (en-US)

Crée un nouvel objet `DOMParser`.

Méthodes
--------

`DOMParser.parseFromString()` (en-US)

Analyse une chaîne de caractères à l'aide de l'analyseur HTML ou de l'analyseur XML, et retourne un `HTMLDocument` ou `XMLDocument`.

Exemple
-------

### Analyse syntaxique de XML, SVG et HTML

Cet exemple montre comment analyser le XML, le SVG et le HTML. Notez qu'un type MIME de `text/html` invoquera l'analyseur HTML, et que tout autre type MIME accepté par cette méthode invoquera l'analyseur XML.


```js
const parser = new DOMParser();

const xmlString = "<warning>Attention au tigre</warning>";
const doc1 = parser.parseFromString(xmlString, "application/xml");
// XMLDocument

const svgString = '<circle cx="50" cy="50" r="50"/>';
const doc2 = parser.parseFromString(svgString, "image/svg+xml");
// XMLDocument

const htmlString = "<strong>Attention au léopard</strong>";
const doc3 = parser.parseFromString(htmlString, "text/html");
// HTMLDocument

console.log(doc1.documentElement.textContent);
// "Attention au tigre"

console.log(doc2.firstChild.tagName);
// "circle"

console.log(doc3.body.firstChild.textContent);
// "Attention au léopard"
```

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # dom-parsing-and-serialization |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Analyse syntaxique et sérialisation du XML (en-US)
* `XMLHttpRequest`
* `XMLSerializer`
* `JSON.parse()` - contrepartie pour les documents `JSON`.
DeviceRotationRate
==================

**Expérimental:** **Cette fonction est expérimentale**  
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.  
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Un objet `DeviceRotationRate` fournit une information sur la vitesse avec laquelle un appareil est en rotation autour des 3 axes.

Propriétés
----------

`DeviceRotationRate.alpha` Lecture seule 

La vitesse de rotation autour de l'axe Z, en degrés par seconde.

`DeviceRotationRate.beta` Lecture seule 

La vitesse de rotation autour de l'axe X, en degrés par seconde.

`DeviceRotationRate.gamma` Lecture seule 

La vitesse de rotation autour de l'axe Y, en degrés par seconde.

Spécifications
--------------

| Specification |
| --- |
| DeviceOrientation Event Specification # devicemotioneventrotationrate |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLHeadingElement
==================

L'interface **`HTMLHeadingElement`** représente les différents éléments d'en-tête `<h1>` à `<h6>`. Elle hérite des méthodes et des propriétés de l'interface `HTMLElement`.

EventTarget

Node

Element

HTMLElement

HTMLHeadingElementPropriétés
----------

*Hérite des propriétés de son parent, `HTMLElement`*.

`HTMLHeadingElement.align` 
Obsolète

Chaîne représentant un attribut énuméré indiquant l'alignement de l'en-tête par rapport au contexte environnant. Les valeurs possibles sont `"left"`, `"right"`, `"justify"`, et `"center"`.

Méthodes
--------

*Aucune méthode spécifique ; hérite des méthodes de son parent, `HTMLElement`.*

Spécifications
--------------

| Specification |
| --- |
| HTML Standard # htmlheadingelement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

L'élément HTML implémentant cette interface :

* `<h1>`
* `<h2>`
* `<h3>`
* `<h4>`
* `<h5>`
* `<h6>`
TransitionEvent
===============

L'interface **`TransitionEvent`** représente les évènements qui fournissent des informations relatives aux transitions.

Event

TransitionEventConstructeur
------------

`TransitionEvent()` (en-US)

Crée un évènement `TransitionEvent` avec les paramètres fournis.

Propriétés des instances
------------------------

*Cette interface hérite également des propriétés de son parent `Event`.*

`TransitionEvent.propertyName` (en-US) Lecture seule 

Une chaîne de caractères qui contient le nom de la propriété CSS associée à la transition.

`TransitionEvent.elapsedTime` (en-US) Lecture seule 

Un nombre flottant (`float`) indiquant la durée (exprimée en secondes) depuis laquelle la transition est lancée, lorsque cet évènement a été déclenché. Cette valeur n'est pas impactée par la propriété `transition-delay`.

`TransitionEvent.pseudoElement` (en-US) Lecture seule 

Une chaîne de caractères, commençant par `::`, qui contient le nom du pseudo-élément sur lequel s'exécute l'animation. Si la transition ne porte pas sur un pseudo-élément, mais sur un élément, cette propriété vaudra la chaîne vide (`''`).

Évènements de type `TransitionEvent`
------------------------------------

`transitioncancel` (en-US)

Un évènement déclenché lorsqu'une transition CSS a été annulée.

`transitionend`

Un évènement déclenché lorsqu'une transition CSS a terminé.

`transitionrun` (en-US)

Un évènement déclenché lorsqu'une transition CSS est créée (c'est-à-dire ajoutée à l'ensemble des transitions lancées), sans qu'elle soit nécessairement démarrée.

`transitionstart` (en-US)

Un évènement déclenché lorsqu'une transition CSS a démarré.

Méthodes des instances
----------------------

*Cette interface hérite également des méthodes de son parent `Event`.*

Spécifications
--------------

| Specification |
| --- |
| CSS Transitions # interface-transitionevent |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* Utiliser les transitions CSS
* Les propriétés CSS relatives aux transitions :
    + `transition`
    + `transition-delay`
    + `transition-duration`
    + `transition-property`
    + `transition-timing-function`
SyncManager
===========

**Non standard:** Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

L'interface **`SyncManager`** de l'API ServiceWorker fournit une interface pour l'enregistrement et l'énumération des instances de `SyncRegistration`.

Properties
----------

None.

Methods
-------

`SyncManager.register` (en-US)

Créé une nouvelle sync registration et retourne une `Promise`

`SyncManager.getTags` (en-US)

Renvoie une liste d'identifiants définis par le développeur pour l'enregistrement du SyncManager.

Spécifications
--------------

| Specification |
| --- |
| Web Background Synchronization # sync-manager-interface |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
CSS Font Loading API
====================

**Expérimental:** **Cette fonction est expérimentale**  
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.  
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

L'API CSS Font Loading API fournit des évènements et interfaces pour le chargement dynamique des ressources associées aux polices.

**Note :** cette fonctionnalité est disponible dans l'API Web Workers (`self.fonts` donne accès à `FontFaceSet` (en-US)).

Interfaces
----------

`FontFace` (en-US)

Représente une police unique mise à disposition.

`FontFaceSet` (en-US)

Une interface chargeant les polices et vérifiant le statut de leur téléchargement.

`FontFaceSource`

Un mixin fournissant toutes les polices utilisées dans les opérations liées aux polices, à moins qu'elles ne soient définies autrement. Cela définit la propriété `FontFaceSources.fonts` disponible pour le `Document` et le `WorkerGlobalScope`.

`FontFaceSetLoadEvent` (en-US)

Déclenché lorsqu'un `FontFaceSet` (en-US) est chargé.

Spécifications
--------------

| Specification |
| --- |
| CSS Font Loading Module Level 3 # fontface-interface |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
DocumentType
============

L'interface **`DocumentType`** représente un nœud (`Node`) contenant un *doctype*.

EventTarget

Node

DocumentTypePropriétés
----------

*Cette interface hérite de propriétés de la part de son parent, `Node`, et implémente l'interface `ChildNode`.*

...

`DocumentType.entities` Lecture seule  
Obsolète

Une `NamedNodeMap` des entités déclarées dans la DTD. Chaque noeud de cette carte implémente l'interface `Entity`.

`DocumentType.internalSubset` Lecture seule  
Obsolète

Un `DOMString` du sous-ensemble interne, ou null s'il n'y en a pas. Par exemple "<! ELEMENT foo (bar)">

`DocumentType.name` (en-US) Lecture seule 

une `DOMString`, par exemple, `"html"` pour `<!DOCTYPE HTML>`.

`DocumentType.notations` Lecture seule  
Obsolète

une `NamedNodeMap` avec les notations déclarées dans la DTD. Chaque nœud de cette carte implémente l'interface `Notation`.

`DocumentType.publicId` (en-US) Lecture seule 

une `DOMString`, par exemple `"-//W3C//DTD HTML 4.01//EN"`, chaîne vide pour HTML5.

`DocumentType.systemId` (en-US) Lecture seule 

une `DOMString`, par exemple, `"http://www.w3.org/TR/html4/strict.dtd"`, chaîne vide pour HTML5.

Méthodes
--------

*Cette interface hérite de méthodes de la part de son parent, `Node`, et implémente l'interface `ChildNode`.*

`ChildNode.remove()` 
Expérimental

Cette méthode retire l'objet de la liste des enfants de son élément parent.

Spécifications
--------------

| Specification |
| --- |
| DOM Standard # interface-documenttype |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* L'index des interfaces du DOM
* `Entity`
* `Notation`
WebGLTexture
============

L'interface WebGLTexture fait partie de l'API WebGL et représente un objet de texture opaque fournissant un stockage et un état pour les opérations de texturation.

Description
-----------

L'objet WebGLTexture ne définit aucune méthode ou propriété propre, et son contenu n'est pas directement accessible. Lors du travail avec des objets WebGLTexture, les méthodes suivantes du `WebGLRenderingContext` sont utiles :

* `WebGLRenderingContext.bindTexture()`
* `WebGLRenderingContext.createTexture()`
* `WebGLRenderingContext.deleteTexture()` (en-US)
* `WebGLRenderingContext.isTexture()` (en-US)
Exemples
--------

### Création d'une texture


```js
var canevas = document.getElementById("canvas");
var gl = canevas.getContext("webgl");
var texture = gl.createTexture();
```

Spécifications
--------------

| Specification |
| --- |
| WebGL Specification # 5.9 |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `WebGLRenderingContext.bindTexture()`
* `WebGLRenderingContext.createTexture()`
* `WebGLRenderingContext.deleteTexture()` (en-US)
* `WebGLRenderingContext.isTexture()` (en-US)
* `WebGLRenderingContext.compressedTexImage2D()` (en-US)
* `WebGLRenderingContext.compressedTexSubImage2D()` (en-US)
* `WebGLRenderingContext.copyTexImage2D()` (en-US)
* `WebGLRenderingContext.copyTexSubImage2D()` (en-US)
* `WebGLRenderingContext.generateMipmap()`
* `WebGLRenderingContext.getTexParameter()`
* `WebGLRenderingContext.texImage2D()`
* `WebGLRenderingContext.texSubImage2D()` (en-US)
* `WebGLRenderingContext.texParameterf()` (en-US)
* `WebGLRenderingContext.texParameteri()` (en-US)