Блог

Главная - Вопросы по программированию - Почему моя кнопка таблицы стилей подкачки не работает?

Почему моя кнопка таблицы стилей подкачки не работает?

#javascript #html

Вопрос:

Я новичок в javascript, html и css. Я создаю веб-сайт, на котором я хотел бы иметь кнопку подкачки таблиц стилей. Я добавил javascript во внешний файл и связал его с </script src=»>, но, похоже, он не меняет таблицы стилей. Где я мог ошибиться в этом процессе?

HTML:

 <script src="MainButtons.js"></script>
<button onclick="swapStyleSheet('styleOD.css')">
    <h4>Change to "Open Dyslexic"</h4>
</button>

язык JavaScript:

 function swapStyleSheet(sheet) {
  document.getElementbyId('pagestyle').setAttribute('href', sheet);
}

Комментарии:

1. Для начала откройте консоль инструментов разработчика браузера и проверьте, нет ли ошибок. После открытия также загляните на вкладку сеть, где вы можете просмотреть все запросы ресурсов для страницы и проверить status наличие запроса в таблице стилей. Находится styleOD.css на том же уровне каталога, что и страница, на которой вы запускаете эту программу? Существует множество причин, по которым он может не работать, поэтому изучение некоторых основных инструментов и методов отладки так же важно, как и обучение написанию кода. Изучите несколько руководств по использованию инструментов разработчика браузеров

2. getElementById нет getElementbyId

3. Вот и все! Огромное спасибо.

Метки: