获取属性的两种操作方法，element.属性和element.getAttribute(“属性“)

获取属性的两种操作方法，element.属性和element.getAttribute(“属性”)

第一种方法是：element.属性:

js中获取一个元素的属性值，通常用到element.属性比较多。比如：`

<div id = "nav"></div>
<script>
let nav = document.getElementById("nav");
console.log(nav.id); // 获取到id的属性值 nav
</script>

第二种方法是：element.getAttribute(“属性”)
比如说：

<div id = "nav" index_music = "number1"></div>
<script>
let nav = document.getElementById("nav");
console.log(nav.getAttribute("index_music")); // 得到index_music的属性值 number1
</script>

两种方法获取属性值的不同之处

在js里面，第一种element.属性，通常用来获取元素本身自带的属性；
而element.getAttribute用来获取我们自定义的属性，并不是元素本身自带的