Encontrei muitas informações sobre como alterar a imagem de plano de fundo de uma div usando JavaScript, mas estou tentando usar o JavaScript para determinar qual imagem de plano de fundo está sendo exibida. O código para definir a imagem é assim:

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

Eu tentei todas as combinações possíveis para acessar o URL da imagem de fundo, mas até agora nenhum dado:

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

Alguém sabe como fazer isso? É possível?

BTW, aqui está a maneira como a imagem está sendo definida no CSS no começo:

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

ATUALIZAR:

Se eu executar o seguinte, ele funcionará:

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

No entanto, não consigo acessar a propriedade URL até que ela tenha sido definida pelo JavaScript, mesmo que já esteja definida no arquivo CSS. Existe uma razão para a configuração CSS bruta não estar acessível?