1. Частично изменить стиль
Существует три метода: непосредственное изменение стиля, изменение имени класса и изменение cssText.
Измените имя класса: document.getElementById('obj').className="…"
Измените cssText: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
Измените прямой стиль: document.getElementById('obj').style.backgroundColor="#003366″
2. Глобально изменить стиль
Переключение стилей веб-страницы в реальном времени достигается за счет изменения значения href стиля внешней ссылки, то есть «изменения стиля шаблона».
Во-первых, вам нужно указать идентификатор цели, которую необходимо изменить, например
Скопируйте код кода следующим образом:
<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />
Очень просто позвонить, например
Скопируйте код кода следующим образом:
<span onclick="javascript:document.getElementById('css').href='ie.css'">Нажмите меня, чтобы изменить стиль</span>