Я нашел много информации о том, как изменить фоновое изображение div с помощью JavaScript, но я пытаюсь использовать JavaScript, чтобы определить, какое фоновое изображение отображается. Код для установки изображения выглядит следующим образом:

document.getElementById("widgetField").style.background="url(includes/images/datepicker_open.png)";

Я перепробовал каждую комбинацию, чтобы придумать доступ к фоновому изображению, но пока не выпал кубик:

alert(document.getElementById("widgetField").style.backgroundImage.url);  - returns Undefined
alert(document.getElementById("widgetField").style.backgroundImage);  - empty response
alert(document.getElementById("widgetField").style.background);
alert(document.getElementById("widgetField").style.background.image);
alert(document.getElementById("widgetField").style.background.url);
alert(document.getElementById("widgetField").style.background.image.url);
alert(document.getElementById("widgetField").style.background.value);
alert(document.getElementById("widgetField").style.background.image.value);
alert(document.getElementById("widgetField").style.background.image.value);
alert(document.getElementById("widgetField").style.backgroundImage.value);

Кто-нибудь знает как это сделать? Является ли это возможным?

Кстати, вот способ, которым изображение устанавливается в CSS в начале:

#widgetField {
    width: 290px;
    height: 26px;
    background: url(../images/datepicker_closed.png);
    overflow: hidden;
    position: relative;
}

ОБНОВИТЬ:

Если я запускаю следующее, это работает:

document.getElementById("widgetField").style.background="url(includes/images/datepicker_open.png)";
alert(document.getElementById("widgetField").style.background);

Однако я не могу получить доступ к свойству URL, пока он не будет установлен JavaScript, даже если он уже определен в файле CSS. Есть ли причина, по которой необработанные настройки CSS недоступны?