在html5中可以自定义属性

在html5中可以自定义属性
格式 data-*=””;
如 data-info=”我是自定义属性”
通过Node.dataset[‘info’]获取
Node.dataset是以对象形式存在，当我们为同一个DOM节点指定多个自定义属性时，
Node.dataset则出了所有自定义属性的值

        <nav>
            <a href="javascript:;" data-name="local" data-id="1">国内新闻</a>
            <a href="javascript:;" >国际新闻</a>
            <a href="javascript:;">体育新闻</a>
            <a href="javascript:;"> 娱乐新闻</a>
        </nav>

    </div>

</body>
<script>
        var nav=document.querySelector('nav a');
        /*nav.getAttribute("data-name");//得到属性
        nav.setAttribute('data-demo','123');//设置属性
        */
        //console.log(nav.dataset);//获取所有属性
        var custom=nav.dataset;
        console.log(custom.name);//获取单个属性值
        console.log(custom.id);
        custom.name='local66';//通过设置属性改变属性值
        custom.demo="123";//添加一个属性和属性值

    </script>