2015-07-24 2 views
1

var bg_img = curr_elem.style.backgroundImage || curr_elem.style.getAttribute("background-image");Как проверить, имеет ли элемент html некоторые свойства стиля, установленные в теге стиля в IE6 - IE8?

Это возвращает нулевое значение, если curr_elem имеет этот набор свойств в <style> теге и не нравится: style = "background-image: url(blah.png);" в самом элементе.

Итак, как я могу узнать, применяется ли какое-либо фоновое изображение к этому элементу в коде?

Мы можем использовать getComputedStyle в IE9 +, но мне это нужно для IE6 +

<html> 
    <head> 
     <title>test clone elements</title> 

     <style type ="text/css"> 
      #banner-map-225 .banner-map 
      { 
       background-image: url(test_bg.jpg); 
      } 
     </style> 
    </head> 
    <body> 
     <div id = "banner-map-225" ></div> 
     <div id = "inline_styled_div" style = "background-image: url(test_bg.jpg);" ></div> 
     <input type = "button" value = "test first div" onclick = "alert(document.getElementById('banner-map-225').style.backgroundImage);" /> 
     <input type = "button" value = "test second div" onclick = "alert(document.getElementById('inline_styled_div').style.backgroundImage);" /> 
    </body> 
</html> 
+0

http://stackoverflow.com/questions/18675828/getcomputedstyle-on-pure-javascript – Hearner

+0

@Hearner - по какой-то странной причине currentStyle.backgroundImage установлен на «none», в то время как этот элемент имеет фоновое изображение, которое установлено в '