Znalazłem wiele informacji o tym, jak zmienić obraz tła div za pomocą JavaScript, ale próbuję użyć JavaScript, aby określić, który obraz tła jest wyświetlany. Kod do ustawiania obrazu wygląda następująco:

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

Wypróbowałem każdą kombinację, o której mogę pomyśleć, aby uzyskać dostęp do adresu URL obrazu tła, ale jak dotąd bez kości:

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);

Czy ktoś wie jak to zrobić? Czy to możliwe?

BTW, oto sposób ustawiania obrazu w CSS na początku:

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

AKTUALIZACJA:

Jeśli uruchomię następujące, działa:

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

Jednak nie mogę uzyskać dostępu do właściwości URL, dopóki nie zostanie ustawiony przez JavaScript, nawet jeśli jest już zdefiniowany w pliku CSS. Czy istnieje powód, dla którego surowe ustawienie CSS jest niedostępne?