属性的获取与设置

获取style样式属性

1、在js中，通过document.getElementById("id").style.xxx就可以获得元素的XXX属性值，但是，这种方法只能获取到内嵌方式设置的样式值。

2、通过getComputedStyle或currentStyle(IE方法)获取元素属性值

通常封装为函数

function getStyle(obj,attr){
        if(obj.currentStyle){
            return obj.currentStyle[attr];
        }else{
            return getComputedStyle(obj,null)[attr];
        }
    }

　　

设置属性 .setAttribute("属性","值") 获取属性 .getAttribute("属性")

　

<div class="box" id="nav" data-index="1" data-list-name="pig"></div>
    <script>
        // h5新增的获取自定义属性的方法 它只能获取data-开头的
        // dataset 是一个集合里面存放了所有以data开头的自定义属性
        // 建议以后设置自定义属性时，不管用哪种方式，属性名以data-开头
        div.dataset.index;
        div.dataset['index'];
        // 如果自定义属性里面有多个-链接的单词，我们获取的时候采取 驼峰命名法
        console.log(div.dataset.listName);
        console.log(div.dataset['listName']);
    </script>