Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Получение background-image через js в ie (https://javascript.ru/forum/css-html/52319-poluchenie-background-image-cherez-js-v-ie.html)

wondertalik 13.12.2014 17:19
Получение background-image через js в ie
 
Итак проблема. Почему-то если я задаю 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>

рони 13.12.2014 19:11
wondertalik,
getComputedStyle

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

krutoy 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 13.12.2014 19:34
Спасибо всем за линки и пример, не знал. Ушел курить доки


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