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