Присвоить тегу <body> класс css - JavaScript, Ajax

alt5000 · 09.12.2011, 12:15

Известно, что можно присвоить элементу новый класс по id. Но я незнаю, можно ли присвоить id и изменить класс <body>. У меня по умолчанию указан бэкграунд, а при печати нужно назначить класс без картинки фона. Не подскажете как лучше сделать?

Naive · 09.12.2011, 13:09

Код:

document.getElementsByTagName('body')

Как-то так, на jquery проще:

Код:

$('body').addClass('without')

KPEATuBHO · 10.12.2011, 08:55

ИМХО, менять класс body для печати - это не тру вэй...
Существует атрибут media у тега link. Чувствуете куда я веду? Если написать например:

Код:

<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style_to_print.css" media="print" />

то для отображения на экране будет использоваться style.css а для печати будут использованы стили из style_to_print.css.

Lesha · 10.12.2011, 09:24

самый верный путь создать отдельный CSS для печати

Arigato · 11.12.2011, 13:53

Если все-таки надумаете класс менять, то вот пример того, как это делается:

Код HTML:

<html>
<head>
  <style type="text/css">
    .red {background-color: red; color: white}
    .black {background-color: black; color: silver}
  </style>
</head>
<body class="red">
<h1>Динамическои изменение класса BODY</h1>
<button onclick="document.getElementsByTagName ('body')[0].className='black'">Изменить класс!</button>
</body>
</html>

09.12.2011, 12:15	#1
alt5000 PHP Пользователь Регистрация: 28.03.2007 Сообщений: 70	Присвоить тегу <body> класс css Известно, что можно присвоить элементу новый класс по id. Но я незнаю, можно ли присвоить id и изменить класс <body>. У меня по умолчанию указан бэкграунд, а при печати нужно назначить класс без картинки фона. Не подскажете как лучше сделать? Транспортная информационная система AutoCRAFT

09.12.2011, 13:09	#2
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Код: `document.getElementsByTagName('body')` Как-то так, на jquery проще: Код: `$('body').addClass('without')` Alar, верни репу!

10.12.2011, 08:55	#3
KPEATuBHO Форумчанин Регистрация: 03.09.2010 Сообщений: 197	ИМХО, менять класс body для печати - это не тру вэй... Существует атрибут media у тега link. Чувствуете куда я веду? Если написать например: Код: `<link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="style_to_print.css" media="print" />` то для отображения на экране будет использоваться style.css а для печати будут использованы стили из style_to_print.css. быстрый хостинг. недорогие домены.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
body не растягивается на всю длину страницы	Иванна	HTML и CSS	2	03.02.2011 10:26
Вопрос по тегу IF	WinMen	Общие вопросы Delphi	3	17.12.2010 23:18
Два background'а для body (слева и справа от контента)?	alex2406	HTML и CSS	7	14.06.2010 16:34
Почему body в IE растягивается на 100%, хотя в стилях 1024px	aseeva_sonya	HTML и CSS	8	06.10.2009 19:33

10.12.2011, 09:24	#4
Lesha Форумчанин Регистрация: 30.01.2009 Сообщений: 418	самый верный путь создать отдельный CSS для печати