Javascript-форум - Замена CSS файлов-стилей

Вопрос глупый, но всё же...
Задача: менять стили страницы кликом мыши.
Ситуация простая, сам прекрасно понимаю, я только начинаю изучать js и ошибки обычно самые глупые и банальные из-за отсутствия опыта.
По факту есть следующий код:

<!doctype html>
<html lang="ru">
<head>
    <script src="changeCSS.js"></script>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="zero_shubin/css/index_style.css" id="style">
    
    <title>-ZERO-</title>
    
</head>
 
(...)
 
<div class="change">
            <div class="ch1" onclick ="GetStyle1 ()"></div>
            <div class="ch2" onclick ="GetStyle2 ()"></div>
            <div class="ch3" onclick ="GetStyle3 ()"></div>
        </div>

var a = document.getElementsByTagName('link');
 
function GetStyle1 () {
a.setAttribute("href", "zero_shubin/css/index_style.css");
}
 
function GetStyle2 () { 
a.setAttribute("href", "zero_wood/css/index_style.css");
}
 
function GetStyle3 () {
a.setAttribute("href", "zero_sea/css/index_style.css");
}

Это уже N-ная вариация, но думаю смысл вам понятен)
Ни в какую не работает.

Браузер сообщает: Uncaught TypeError: a.setAttribute is not a function