h5新增标签和属性—自定义数据属性、媒体元素

一、自定义数据属性

data-*全局属性是一类被称为自定义数据属性的属性，在所有html元素上都可以嵌入这个自定义数据的属性，所有的这些属性都可以通过HTMLElement.prototype.dataset来访问。“*”

这个名字自己可以随取

    <button id="btn_del" data-id="1">删除</button>

    <button data-msg="edit">修改</button>

    <script>

        var btnDel=document.querySelector('#btn_del');

        console.log(btnDel.dataset.id);

        var btns=document.querySelectorAll('button');

        console.log(btns);

    </script>

 

二、媒体元素——video(视频元素)、audio(音频元素)

video中的属性：

读写属性：src、autoplay、preload、poster、loop、controls、width、height