Comment utiliser le nouvel ensemble de données de fonctionnalités HTML5

Cet article présente principalement l'utilisation des données et des ensembles de données de préfixes d'attribut personnalisés HTML5 (nouvelle fonctionnalité de html5). Les amis dans le besoin peuvent s'y référer

HTML5 stipule que des attributs non standard peuvent être ajoutés aux éléments. . Mais ajoutez le préfixe data- afin de fournir à l'élément des informations qui ne sont pas liées au rendu, ou de fournir des informations sémantiques. Ces attributs peuvent être ajoutés et nommés arbitrairement, à condition qu'ils commencent par data-. Après avoir ajouté l'attribut personnalisé, la valeur de l'attribut personnalisé est accessible via l'attribut dataset de l'élément.

<p id="box" data-name=&#39;ghostwu&#39; data-age=&#39;22&#39; , data-sex=&#39;man&#39;>ghostwu tell you how to learn html5</p>
    <script>
        var oBox = document.querySelector("#box");
        console.log( oBox.dataset ) ;
        var myName = oBox.dataset.name;
        var myAge = oBox.dataset.age;
        var mySex = oBox.dataset.sex;
        if( oBox.dataset.name ) {
            console.log( oBox.dataset.name );
        }
    </script>

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!