Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как записать css c дочерним id в javascript код (https://javascript.ru/forum/misc/50749-kak-zapisat-css-c-dochernim-id-v-javascript-kod.html)

Иннокентий 09.10.2014 18:00

Как записать css c дочерним id в javascript код
 
#slideshow #arrow-p {background-position: left top; left:0;}

Как это записать в javascript код?

Так не работает:

var elems = document.getElementById("slideshow").getElementById("arrow-p");
for (var i = 0; i < elems.length; i++){
elems[i].style.backgroundPosition = "left top";}

Viral 09.10.2014 18:07

elems - не массив, а объект., т.е. запишите без [i]

tsigel 09.10.2014 18:09

Иннокентий,
document.querySelector("#slideshow #arrow-p").style.backgroundPosition = "left top";

Иннокентий 09.10.2014 18:13

document.getElementById("thumbs-bar").getElementByTagName("table").style.margin = "0 auto";


А это тогда как?

#thumbs-bar table {margin: 0 auto;}

Viral 09.10.2014 18:14

1) getElementsByTagName
2) как вы предлагали в самом начале перебирать, т.к. возвращает массив

Иннокентий 09.10.2014 18:20

document.querySelector("#slideshow #arrow-p:hover").style.backgroundPosition = "left bottom";


А тут что не так написал? hover не там должен быть?

tsigel 09.10.2014 18:42

document.querySelector("#slideshow #arrow-p").addEventListener("mouseenter", function () {

  this.style.backgroundPosition = "left bottom";

}, false);
document.querySelector("#slideshow #arrow-p").addEventListener("mouseout", function () {

  this.style.backgroundPosition = "top left";

}, false);

Иннокентий 09.10.2014 19:14

И еще фигня какая-то:

Надо css эти перевести в javascript:

.thumb {border: 2px solid transparent; opacity: 0.4;}
#thumbs-bar table td {margin: 0; padding: 20px 2px;}

kostyanet 09.10.2014 19:18

Выкладывайте все сразу.

tsigel 09.10.2014 19:24

Цитата:

И еще фигня какая-то:

Надо css эти перевести в javascript:

.thumb {border: 2px solid transparent; opacity: 0.4;}
#thumbs-bar table td {margin: 0; padding: 20px 2px;}
Иннокентий,
Мне кажется что можно было уже понять как это делать и сделать самостоятельно по аналогии.


Часовой пояс GMT +3, время: 01:16.