js属性操作

 

 //js原生方法

        let div = document.querySelector('.test');

        //1.获取属性

        //(1)方法一:element.属性,只能得到固有属性,不能得到自定义属性

        console.log(div.style.display);

        console.log(div.index); //undefined 

        //(2)方法二:element.getAttribute(),既可以得到固有属性,也能得到自定义属性

        console.log(div.getAttribute('class'));

        console.log(div.getAttribute('index'));

 

        //2.设置属性值

        //(1)方法一: element.属性= '值'

        div.class = 'newClass' //这样修改是错误的,应该写成className

        div.className = 'newClass'

            //(2) element.setAttribute('属性', '值');  主要针对于自定义属性

        div.setAttribute('class', 'curClass') //直接写class就行

        div.setAttribute('index', '1')

 

        //3.移除属性  removeAttribute('属性')

        div.removeAttribute('index');

 

        //jquery:

        //获取或修改固有属性     prop('属性' ,'属性值')

        //获取或修改自定义属性    attr('属性','属性值')

    </script>