Почему не меняет тарибут в JS?

Question

именно самое @dalmariko

Ни рыба ни мясо. Програмясо

JavaScript

Почему не меняет тарибут в JS?

Кусок HTML кода в котором нужно поменять background.

<title></title>
<style>
    body {
    background: 
    url(foto/15.jpeg) no-repeat;
   }
  </style>
<script  async src="/js/sf.js"></script>

 </head>
   <body>
</body>

Сам файл sf.js содержит таокй незамысловатый код.

document.style.setAttribute('background:url(foto/15.jpeg)', 'background:url(foto/30.jpeg)');

Вот как то так я пытаюсь поменять фон с помощью JS. Подскажите почему не получается? Вроде бы двигаюсь в правильном DOM направлении а что не так не понятно?

Вопрос задан более трёх лет назад
353 просмотра

Комментировать

Подписаться 1 Оценить Комментировать

Решения вопроса 1

8 комментариев

именно самое @dalmariko Автор вопроса

Я просто в коде не указал но там присутствуют свойства расположения, это го самого background, а при такой схеме чёт они не меняются, собственно и вопрос был почему((. Я так предполагал что через document.body.style.background, зайти и поменять, только url. в общем стиле для всего документа.

Написано более трёх лет назад
именно самое @dalmariko Автор вопроса

Народ, а кто подскажет как залезть в голову документа и там в глобальном стиле поменять для тега body { background }?
Мне думается так: document.head.style.body = 'url("foto/30.jpeg")';

Написано более трёх лет назад
Виталий Инчин ☢ @In4in

именно самое: свойства расположения - всм background-position и т.п?
Ну так для этого есть document.body.style.backgroundPosition и подобные. Так же, можно прописывать сразу ....style.background = "url("1.png") center", к примеру.

Написано более трёх лет назад
именно самое @dalmariko Автор вопроса

Виталий Инчин: я решил эту проблемку, путем добавления свойств которые мне нужны var parametrstyle = document.body.style; parametrstyle.background = foto ;
parametrstyle.backgroundSize = 'cover';
parametrstyle.backgroundAttachment = 'scroll';
parametrstyle.backgroundPosition = '100% 50%';
parametrstyle.margin ='0';

Написано более трёх лет назад
именно самое @dalmariko Автор вопроса

А потом прочитал в учебнике место уже не помню где но в роде бы нельзя менять глобальные параметры. можно как мы делаем в данном решении присваивать их к тегу после head.

Написано более трёх лет назад
Виталий Инчин ☢ @In4in

именно самое: что вы имеете в виду под глобальными параметрами?
Это CSS-свойства, их можно менять всегда (а вот их приоритет - другой вопрос).

Написано более трёх лет назад
именно самое @dalmariko Автор вопроса

Виталий Инчин: дело в том что у меня стоит стиль в head, вот так как то head->style->body {всякие параметры} <-style<-head. А туда нельзя залезть с помощью DOM.

Написано более трёх лет назад
Виталий Инчин ☢ @In4in

именно самое: а зачем вам туда залазить? Считать - есть getComputedStyle, перезаписать - обычным style, в крайнем случае с ключевым словом "!important".

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 3

Комментировать

2 комментария

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- 9 часов назад
- 34 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 1 подписчик
- 9 часов назад
- 47 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- 11 часов назад
- 16 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- 14 часов назад
- 321 просмотр
0

ответов
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- 17 часов назад
- 74 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Галерея 3DWave. Перевел HTML в JS. Не работает.?
- 1 подписчик
- вчера
- 77 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как совместить JS и Django?
- 1 подписчик
- вчера
- 89 просмотров
1

ответ
JavaScript

Сложный
Как сделать горизонтальный виртуальный скролл?
- 1 подписчик
- вчера
- 64 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Почему падает локальный сервер?
- 1 подписчик
- вчера
- 93 просмотра
0

ответов
JavaScript

Простой
Отмена дефолтного поведения?
- 1 подписчик
- вчера
- 88 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Разработать нейросеть

02 мая 2024, в 06:11

30000 руб./за проект

Автоматизация отчетности сектора подбора и развития персонала в 1С

02 мая 2024, в 05:49

7000 руб./за проект

Изменение темы сайта на ghost cms

02 мая 2024, в 04:47

5000 руб./за проект

Answer 1 · 2015-09-05 12:22:58

Виталий Инчин ☢ @In4in

°•× JavaScript Developer ^_^ ×•°

Тарибуты, они такие.....

document.body.setAttribute('style', 'background: url("foto/30.jpeg")');
//А лучше
document.body.style.background = 'url("foto/30.jpeg")';

Ответ написан более трёх лет назад

8 комментариев

Answer 2 · 2015-09-04 21:41:46

Олег @ptrvch

вебдев-энтузиаст. Django, AngularJS

document.body.style.backgroundImage = 'url(foto/30.jpg)'

Ответ написан более трёх лет назад

Комментировать

Answer 3 · 2015-09-04 21:29:01

именно самое @dalmariko Автор вопроса

Ни рыба ни мясо. Програмясо

Простите за неточность все исправил не помогло(

Ответ написан более трёх лет назад

Комментировать

Answer 4 · 2015-09-04 21:38:32

Кирилл Туровников @turovnikoff

Судя по всему надо так:

document.getElementsByTagName("body")[0].setAttribute('style', 'background:url(foto/30.jpeg)');

Ответ написан более трёх лет назад

2 комментария

Почему не меняет тарибут в JS?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт