Ensemble de données en HTML

La propriété Dataset peut être utilisée pour récupérer les attributs de données plus simplement. Pour chaque attribut de données personnalisé, cette propriété renvoie un objet DOMStringMap avec juste une entrée. Le concept de lecture seule de l'ensemble de données de l'interface HTML Element nous indique comment accéder en lecture/écriture aux attributs de données personnalisés (data-*) sur les éléments spécifiés. Il propose un mappage de chaînes (DOMStringMap) qui comporte une entrée pour chaque propriété data-*. L'ensemble de données est disponible en DOM et HTML.

Syntaxe :

La syntaxe est déclarée comme

element.dataset.key

Il s'agit de la création minimale d'un ensemble de données.

Les ensembles de données HTML permettent aux utilisateurs d'accéder aux données via des tableaux HTML conventionnels et d'autres balises structurées. Les ensembles de données HTML fonctionnent de la même manière que les ensembles de données XML, à l'exception du fait qu'ils peuvent tirer parti des millions de tableaux qui existent déjà ! L'ensemble de données HTML était une extension évidente car nous aplatissons XML dans une structure de tableau. L'ensemble de données est une propriété native d'un élément qui contient les attributs de données ; il n’est guère pris en charge dans IE11+ et Chrome 8+. Les valeurs des éléments de l'ensemble de données sont généralement des chaînes, bien que data() de jQuery respecte les types fournis par. données (clé, valeur). (Dataset renvoie DOMStringMap, tandis que data() dans jQuery renvoie un objet jQuery.)

Ensemble de données HTML

Les utilisateurs peuvent utiliser des tableaux HTML normaux et un autre balisage structuré comme sources de données avec l'ensemble de données Spry HTML. Les ensembles de données HTML fonctionnent de la même manière que les ensembles de données XML, à l'exception du fait qu'ils peuvent tirer parti des millions de tables disponibles. L'ensemble de données HTML était une extension naturelle du Spry Framework car nous aplatissons XML dans une structure de tableau.

L'ensemble de données HTML est livré avec un ensemble d'utilitaires que vous pouvez utiliser pour le modifier.

• getURL() – Cette fonction renvoie la valeur de l'URL actuelle dans la fonction d'ensemble de données Object() { [code natif] }.
• setURL(“URL”) – Cette fonction spécifie le chemin d'accès au nouveau fichier qui sera utilisé dans l'ensemble de données.
• getSourceElementID() – Obtient l'ID de l'élément de page sur lequel l'ensemble de données est basé.
• setSourceElementID(“theSourceID”) – Cette méthode est utilisée pour définir ou modifier l'ID de l'élément de page source de données.
• getRowSelector() renvoie le RowSelector actuellement utilisé.
• setRowSelector(“theRowSelector”) Définit un nouveau RowSelector pour l'ensemble de données.
• getDataSelector() – Renvoie le DataSeelctor actuel.
• setDataSelector("theDataSelector")-Définit un nouveau DataSelector pour l'ensemble de données.

Exemples

Pour un code HTML valide

<li class="prod" data-name="Dove Shampoo" data-country="Oslo"
data-lang="js" data-types="Hair">
<b>Hello Users:</b> <span>A newly launched Items</span>
</li>
var u1 = document.getElementsByTagName("li")[0];
var p1 = 0, span = user.getElementsByTagName("span")[0];
var content = [
{name: "country", prefix: "Product exported "},
{name: "type", prefix: "utilizing on hair "},
{name: "lang", prefix: "hello Oslo "}
];
u1.addEventListener("click", function(){
var content = content [ pos++ ];
span.innerHTML = content.prefix + u1.dataset[ content.name ];
}, false);

Dans l'extrait de code ci-dessus, la propriété d'ensemble de données fonctionne de la même manière qu'une propriété d'attribut. Ce code pourrait être enrichi à l'aide de préfixes comme le préfixe de contenu qui fonctionnera mieux à l'avenir. La clé peut être utilisée comme propriété d'objet de l'ensemble de données pour définir et lire les attributs, comme dans l'élément. nom de l'ensemble de données.key. La syntaxe entre crochets de propriétés d'objet peut également être utilisée pour définir et lire des attributs, comme dans element. ensemble de données [nom clé]. L'opérateur in peut être utilisé pour voir si un attribut est présent.

L'attribut IDL de l'ensemble de données fournit des accesseurs simples pour tous les attributs data-* d'un élément (data-*/a>). Obtention du jeu de données (dataset/a>) L'attribut IDL doit retourner un objet DOMStringMap associé aux algorithmes suivants, qui exposent ces attributs sur leur élément :

<ahref="demo.html#domstringmap-0"> </a>