js自定義屬性的操做

時間 2020-10-07

標籤 rem get console class test demo query 欄目 JavaScript 简体版

原文原文鏈接

<body>ip

　　<div id = 「demo」 index = 「1」 class = 「nav」></div>rem

　　<script>get

　　　　//普通方式獲取屬性console

　　　　var div = document.querySelector(‘div’); class

　　　　console.log(div.id); //獲取元素的屬性值test

　　　　//自定義方式獲取屬性demo

　　　　console.log(div.getAttribute(‘id’))；//經過getAttribute獲取元素屬性di

　　　　console.log(div.getAttribute(‘index’));query

　　　　//普通方式設置屬性co

　　　　div.id = ‘test’;

　　　　div.className =‘navs’;

　　　　//自定義方式設置屬性

　　　　div.setAttribute(‘屬性’,‘值’);

　　　　div.setAttribute(‘index’,3);

　　　　div.setAttribute(‘class’,‘footer’); //自定義設置屬性裏面，要用class而不是className

　　　　//移除屬性

　　　　div.removeAttribute(‘index’);

　　</script>

</body>

相關標籤/搜索