Как изменить атрибут href тега <link>

Question

Я пытаюсь изменить атрибут href тега ссылки при нажатии кнопки. Однако я не могу этого добиться. Это вызывает ошибку Таблица стилей https://www.w3resource.com/ не была загружена, потому что ее тип MIME, «text / html», не является «text / css». Пожалуйста, помогите, мой код а ниже

$(document).ready(function() {
  $('#button1').click(function() {
    $("#styleit").attr('href', 'https://www.w3resource.com/');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link href="a.css" rel="stylesheet" id="styleit">

<p><input id="button1" type="button" value="Click to see the actual url" /></p>

Answer 1

Вот как это будет работать.

$('#button1').click(function (){
    $('link[href="a.css"]').attr('href', 'https://www.w3resource.com/assets/mdl/additional.css');
});