<script>
function darkTheme()
{
var checkbox = document.getElementById('changeTheme'),
newLink = document.createElement('link'),
head = document.getElementById('head');
if(checkbox.checked){
newLink.rel = "stylesheet";
newLink.href = "theme-for-night.css";
newLink.id = "link"; // добавил id
head.insertBefore(newLink, head.children[3]);
}else{
link.remove(newLink); // убрал "child"
}
}
</script><div style="padding: 100px 0"> <!-- блок написал только для теста checkbox'a -->
<input type="checkbox" id="changeTheme" onclick="darkTheme()">
</div><script>
function darkTheme()
{
var checkbox = document.getElementById('changeTheme'), //my checkbox
newLink = document.createElement('link'), // создаю link
head = document.getElementById('head'); // получаю родителя (тег head)
if(checkbox.checked){
newLink.rel = "stylesheet";
newLink.href = "theme-for-night.css"; // dark theme css file
head.insertBefore(newLink, head.children[3]); // пишу на какую строчку вставить в родителе
}else{
//head.removeChild(newLink); ...1 вариант выдает ошибку
newLink.parentNode.removeChild(newLink); //пытаюсь удалить строку если чекбокс не отмечен. Тоже выдает ошибку непонятную мне
}
}
</script>