Приветствую всех!
Подскажите какое имеет значение где указывать стили, какой приоритет? Ситуация следующая, когда стили указываю отдельно в css файле или теге <style>
<style>
#spoiler{
background: url('plus.gif');
margin:0 auto;
height:200px;
width:200px;
}
</style>
<div id="spoiler" onclick="show()"></div>
<script type="text/javascript">
function show() {
var background = document.getElementById("spoiler").style.backgroundImage;
alert (background);
}
</script>
то свойство style.backgroundImage пустое (алерт выводит пустое сообщение)
А когда стиль указываю в самом теге, то все работает
<div id="spoiler" onclick="show()" style="margin:0 auto; height:200px; width:200px; background: url('plus.gif');">
<script type="text/javascript">
function show() {
var background = document.getElementById("spoiler").style.backgroundImage;
alert (background);
}
</script>
В этом алерт выводит 'plus.gif', проверял в FF, Chrome, Opera