Trista's World: JS選擇器設定屬性取值

2020年5月24日星期日

Views

JS選擇器設定屬性取值

HTML語法

<body>
    <h1 class="titleClass">
     <a href="#">title</a>
    </h1>
<div class="str" data-year="2019">
hello</div>

</body>
</b>

JS程式

var el=document.querySelector('.titleClass a');
el.setAttribute('href','https://www.yahoo.com.tw');

 
 var el3=document.querySelector('.str').getAttribute('data-year');
console.log(el3);

querySelector是選擇器
setAttribute是設定屬性
getAttribute是取得屬性值，其中data-year是自己設定的隱藏值

沒有留言:

張貼留言

訂閱：張貼留言 (Atom)