Форум

wondertalik · #1 (**permalink**) 13.12.2014, 17:19

Итак проблема. Почему-то если я задаю background-image через клас css. Для элемента я не могу его получить через js. Однако если стиль задать инлайн, то значение спокойно получаю. В чем может быть проблема?

var elem = document.getElementById(elem_id).style.backgroundImage;

Код:

.cell_num_b1 {
    width: 115px;
    height: 115px;
    background: url(img/pad_1.png) no-repeat;
}

Код:

<td class='cell_num_b1' id='b1'></td>

рони · #2 (**permalink**) 13.12.2014, 19:11

wondertalik,
getComputedStyle

http://learn.javascript.ru/styles-and-classes

krutoy · #3 (**permalink**) 13.12.2014, 19:15

<!DOCTYPE html>
<html>
  <head>
<meta charset="windows-1251" />
<style>
.foo{background: url(http://javascript.ru/img/ws_2.png) no-repeat}
</style>

  </head>
 
  <body>

<div class="foo" id="foo" style="width: 100px; height: 100px; "></div>
<script>
d=document.querySelector("#foo")
getStyle=function(el, prop){
    return window.getComputedStyle ? getComputedStyle(el)[prop] : el.currentStyle [prop]
}

alert(getStyle(d, "backgroundImage"))
</script>
  </body>
 
</html>

Кроссбраузерное, вроде, даже для ie8, работает

wondertalik · #4 (**permalink**) 13.12.2014, 19:34

Спасибо всем за линки и пример, не знал. Ушел курить доки

Форум

Справочник

Discord чат

Курсы javascript