JS setattribute is not a function- Firefox, chrome

Question

I have this JavaScript function:

function Test(isValid) {    
    var divStart = $get('divDateFrom');
    var divEnd = $get('divDateTo');
    var txtStartDate = divStart.firstChild;
    var txtEndDate = divEnd.firstChild;
    var isValidFromForecastStartDate;
    txtEndDate.setAttribute('dateInRegionalFormat', txtEndDate.value);
}

This function is working fine in IE but I'm getting "txtEndDate.setattribute is not a function" error in Firefox and Chrome.

Answer 1

Use jquery.attr() like,

$(txtEndDate).attr('dateInRegionalFormat', txtEndDate.value);

Updated there may be multiple elements so use [0] for the first element like,

txtEndDate[0].setAttribute('dateInRegionalFormat', txtEndDate.value);

You should first check whether the elements exists or not before setting attribute in it like,

if(txtEndDate.length)
{
   txtEndDate.setAttribute('dateInRegionalFormat', txtEndDate.value);
}

Answer 2

You can do it by this way:

txtEndDate['dateInRegionalFormat'] = txtEndDate.value;

instead of old code:

txtEndDate.setAttribute('dateInRegionalFormat', txtEndDate.value);

Answer 3

I have faced the same kind of issue very recently. Try to get rid of ".value" part. It may work for you.

txtEndDate.setAttribute('dateInRegionalFormat', txtEndDate);