Почему не меняет тарибут в 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 направлении а что не так не понятно?

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

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

Подписаться 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

Простой
Как посчитать количество пересечений с помощью метода filter?
- 1 подписчик
- 10 часов назад
- 131 просмотр
3

ответа
JavaScript

Простой
Как реализовать логику назад вперед?
- 1 подписчик
- 13 часов назад
- 81 просмотр
0

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- вчера
- 134 просмотра
1

ответ
JavaScript

+1 ещё

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

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- 24 нояб.
- 197 просмотров
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- 23 нояб.
- 109 просмотров
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 728 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 78 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 45 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 22 нояб.
- 35 просмотров
0

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Текст из фотографии в отдельный файл

26 нояб. 2024, в 04:41

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

Выложить 75 курсов на геткурс и настроить базовые функции

26 нояб. 2024, в 02:18

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

Редизайн и доработка интернет магазина на wordPress

25 нояб. 2024, в 23:42

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

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?

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

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

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