前面講到了選取元素的方法 .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 來套用，看看會有什麼效果吧