Как задать несколько стилей через js?

Question

[Evgeii]

Подскажите пожалуйста как в js через style задавать сразу несколько стилей? Например еще добавить backgroundRepeat: noRepear; но оно почему то не работает. И еще вопрос почему getElementById и querySelector работают, а если я указываю через getElementsByClassName , то оно не находит элемент? И вообще есть разница что использовать getElementById или querySelector или в зависимости от нужды?

<div class="ad" id="ad" >
ТЕКСТ
 </div>

document.getElementById("ad").style.backgroundImage = "url('http://www.dsnews.ua/static/img/c/i/city_1_771x517.jpg')";

Answer 1

[Владимир]

https://developer.mozilla.org/en-US/docs/Web/API/D...

returns an Element object

https://developer.mozilla.org/en-US/docs/Web/API/D...

returns an array-like object of all child elements

backgroundRepeat может лучше добавить через класс, а в скрипте манипулировать классами ?

Answer 2

[WapSter]

1. .style.cssText = 'прописываем так же как в css'
2. Возможно ошибка в написании селектора.
3. Да есть по id быстрее отрабатывает код

Answer 3

[Dima Polos]

https://developer.mozilla.org/ru/docs/Web/API/HTML...
Разница есть: https://learn.javascript.ru/searching-elements-dom

Comments

[Антон Швец]

рассскажите пожалуйтса разницу между getElementById('meow') и querySelector('#meow')

[Dima Polos]

Антон Швец, в обоих случаях вернется объект DOM. Возможно, что по id быстрее. Я прочитал вопрос, что есть ли разница между getElementsBy... и querySelector, то тут разница гораздо больше, но вопрос именно про id и selector, да. Если взять getElementById и querySelector, то разница не ощутима особо, разве что querySelector гибче)

[Антон Швец]

Dima Polos, это я позволил себе небольшую подколку :)
Вопрос был "есть ли разница что использовать?" и правильный ответ на него - "нет" :)

[Dima Polos]

Антон Швец, я понял Вашу подколку;) Просто прочитал невнимательно вопрос.

[Сергей Карвасарный]

Document.getElementById("demo").setAttribute("style", "font-size: 100px; font-style: italic; color:#ff0000;"); и т.д

Answer 4

[Дима Паутов]

document.getElementById("ad").style.cssProp
document.getElementById("ad").style.cssProp
document.getElementById("ad").style.cssProp
document.getElementById("ad").style.cssProp