js获取自定义属性的两种方法

js获取自定义属性的两种方法

四种获取属性的方法

首先获取一个元素：var elem = document.getElementById(‘elem’);

1、点(获取不到自定义属性)：

2、[] 也可以获取属性 ，有利于进行传参操作。

elem.style['background'] = 'yellow'  

3、getAttribute():早期获取自定义属性的方法。

var foo = elem.getAttribute('ancheng');//Ancheng  

同时也能进行设置：

elem.setAttribute('ancheng','安成');  

4、data-*(现在经常使用的获取自定义属性的方法)

console.log(elem.dataset.user);  

重点： *号的名字若果有下划线，就转成小驼峰。

console.log(  elem.dataset.userName)  

注意： 可以在js中直接添加自定义属性，但是只能在js中用，因为你还没有加入html中。

 elem.myColor = 'red';
 console.log( elem.myColor );