修改元素属性值的两种方法：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是比较特殊的，所以需要另外记忆一下。