修改元素属性值的两种方法：element.属性=值和element.setAttribute(“属性“,“值“)

修改元素属性值的两种方法：element.属性=值和element.setAttribute(“属性”,“值”)
第一种：element.属性=值，比如：

<div id = "info" class="nav1"></div>
<script>
// 获取到修改的元素属性，重新赋值
let info = document.getElementById("info"); // 修改id的属性值
info.id = "center"; // id的值修改为center

// 修改class的属性值
// 获取到要修改的class元素属性，重新赋值
let nav1 = document.querySelector(".nav1");
nav1.className = "navs"; // class的属性值修改为navs 要注意是用className，而不是class
</script>

第二种：element.setAttribute(“属性”,“值”)，比如：

<div index = "in" class="nav1"></div>
<script>
// 获取到修改的元素属性
let div = document.querySelector("div"); 
div.setAttribute("index","center"); // index的值修改为center

// 修改class的属性值
div.setAttribute("class","navs"); // class的属性值修改为navs 要注意是用class，而不是className
</script>

两种修改属性值方法的不同之处：
element.属性=值，主要针对于元素自带的属性；
element.setAttribute(“属性”,“值”)，主要针对于我们自定义的属性，其中class是比较特殊的，所以需要另外记忆一下。