Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.06.2017, 15:07
Интересующийся
Отправить личное сообщение для cherrypashka Посмотреть профиль Найти все сообщения от cherrypashka
 
Регистрация: 29.01.2014
Сообщений: 22

Менять css media
Здравствуйте! Подскажите, пожалуйста, могу я менять при помощи javascript свойства css только для определенного media?
Ответить с цитированием
  #2 (permalink)  
Старый 08.06.2017, 15:44
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<html>
<head>
	<title>Untitled</title>
	<meta charset="utf-8">
</head>
<body>
	<div id="col">545</div>
	<script>
		var media = '@media only screen and (max-width:450px) {#col{background-color: red;}}';
		var s = document.createElement('style');
		s.innerHTML = media;
		document.getElementsByTagName('head')[0].appendChild(s);
	</script>
</body>
</html>

Так например
Ответить с цитированием
  #3 (permalink)  
Старый 08.06.2017, 15:52
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

если тег стайл есть, можно так
<html>
<head>
<style>
</style>
</head>
<body>
	<div id="col">545</div>
	<script>
		document.querySelector('style').innerHTML += '@media only screen and (max-width:450px) {#col{background-color: red;}}';
	</script>
</body>
</html>

Последний раз редактировалось j0hnik, 08.06.2017 в 15:56.
Ответить с цитированием
  #4 (permalink)  
Старый 08.06.2017, 16:43
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Сообщение от cherrypashka
при помощи javascript свойства css только для определенного media?
Т.е. тот media уже есть, но нужно в нем чего-то поменять?

Как читать и менять все содержимое тега style уже показал j0hnik.

А вот как найти и поменять часть текстовой информации - это уже другая задача.
Ответить с цитированием
  #5 (permalink)  
Старый 08.06.2017, 17:41
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

.innerHTML +=
Стили допишутся в конец и соответственно "перезапишут" существующие, ну то есть будут выполнятся т.к они в конце.
но чтобы не разводить болото, конечно лучше менять текущие значения, если они существуют. а для этого надо получить слили и через регулярки/массивы (а может и еще как) перезаписывать.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
javascript и css @media screen varde Общие вопросы Javascript 6 08.02.2017 13:55
возврат на прежний css faig92 Элементы интерфейса 0 28.03.2015 18:31
Подключение css bartle96 Элементы интерфейса 13 27.07.2013 19:03
JQuery CSS анализатор javascript jQuery 2 15.08.2010 21:27
Подскажите по CSS меню Александр_1988 Элементы интерфейса 1 17.05.2010 11:58