Javascript ile Yeni Bir CSS Dosyası Ekleme -Yardım-

Merhaba arkadaşlar bir sorum olacak.
Örneğin aşağıdaki gibi light.css'yi kullanıyoruz. Butona bastığımızda light.css'nin altına dark.css kodları eklenebilir mi?
<link href="light.css" rel="stylesheet" type="text/css">

Butona tıkladığımızda aşağıdaki kaynak light.css'nin alt kısmına eklenecek.
<link href="dark.css" rel="stylesheet" type="text/css">

Yabancı bir kaynaktan çözümü buldum. İşine yarayan olursa kodlar;

<script type='text/javascript'>
function toggle() {
var el = document.getElementById("style1");
if (el.href.match("light.css")) {
el.href = "dark.css";
}
else {
el.href = "light.css";
}
}
</script>

<button type="button" onclick="toggle()">Switch</button>