iT邦幫忙

0

JavaScript 基礎知識-setAttribute & getAttribute

前面講到了選取元素的方法 .querySelector().querySelectorAll()
選取到了元素,我們就可以對他們設定一些屬性,例如設定 id 屬性或者 class 屬性

以下舉個 HTML 結構的例子:

<h1 class="titleClass">
    <a href="#">title</a>
</h1>

如果這時候選取 .titleClass 內的 a 連結的 href 屬性,並設置成 https://www.google.com

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

這時候 a 連結就會連到 google 頁面,相反的除了設定屬性,我們也可以取得屬性:

var get = el.getAttribute('href');
console.log(get);

這時候在 console 看,會是 https://www.google.com

setAttribute 方法內欲放的兩個參數分別是要設置的屬性跟值
.setAttribute('屬性','值')

getAttribute 方法欲放的參數,即是要取得的屬性
.getAttribute('屬性')

大家不妨可以寫點 class 或是 id 運用,setAttribute 來套用,看看會有什麼效果吧 /images/emoticon/emoticon01.gif


尚未有邦友留言

立即登入留言