Introduction aux attributs personnalisés en HTML5

Définition

H5 nous fournit "data-" comme préfixe pour définir les attributs requis pour définir des attributs personnalisés.

<div id="box1" data-name="Musk"></div>
<div id="box2" data-full-name="Elon Musk"></div>

(Tutoriel recommandé : Tutoriel H5)

Obtenir

Utiliser l'ensemble de données d'objets d'attribut personnalisé H5 pour obtenir

let box1 = document.getElementById('box1');
let box2 = document.getElementById('box2');
 
box1.dataset.name // Musk
box2.dataset.fullName // Elon Musk (驼峰)
 
box1.getAttribute('data-name') // Musk
box2.getAttribute('data-full-name') // Elon Musk

Paramètres

let box1 = document.getElementById('box1');
let box2 = document.getElementById('box2');
 
box1.dataset.name = '马斯克'
box2.setAttribute('data-full-name', '埃隆 马斯克')

Tutoriels vidéo associés recommandés : Tutoriel vidéo HTML5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!