獲取自定義屬性值
阿新 • • 發佈:2022-04-18
1.獲取 屬性值
element ?屬性 獲取屬性值
element.getAttribute('屬性')
區別:
element.屬性 獲取內建屬性值(元素本身自帶屬性)
element.getAttribute('屬性');主要獲得自定義的屬性(標準)我們程式設計師自定義的屬性
<body> <div id="demo" index="1"></div> </body> <script> let div = document.querySelector("div"); // 1.獲取元素的屬性值 // (1)element.屬性 console.log(div.id); //獲取div的id名 // (2)element.getAttribute('屬性') get得到獲取attribute屬性的意思 // 我們程式自己新增的屬性我們稱為自定義屬性 index console.log(div.getAttribute("id")); //獲取div的id名 console.log(div.getAttribute("index")); // 2.設定元素屬性值 // (1)element.屬性='值'div.id = "test"; div.className = "navs"; // (2)element.setAttribute('屬性','值'); 主要針對於自定義屬性 div.setAttribute("index", 2); div.setAttribute("class", "footer"); //class特殊 這裡面寫的就是class 不是className // 3.移除屬性 removeAttribute(屬性) div.removeAttribute("index"); </script>