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

js获取自定义属性的两种方法
四种获取属性的方法
首先获取一个元素：var elem = document.getElementById(‘elem’);

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

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

elem.style[‘background’] = ‘yellow’
1
3、getAttribute():早期获取自定义属性的方法。

var foo = elem.getAttribute(‘ancheng’);//Ancheng
1
同时也能进行设置：

elem.setAttribute(‘ancheng’,‘安成’);
1
4、data-*(现在经常使用的获取自定义属性的方法)

console.log(elem.dataset.user);
1
重点： *号的名字若果有下划线，就转成小驼峰。

console.log( elem.dataset.userName)
1
注意： 可以在js中直接添加自定义属性，但是只能在js中用，因为你还没有加入html中。

elem.myColor = ‘red’;
console.log( elem.myColor );