document.getElementByClassName无法正常工作

时间:2013-02-25 10:01:56

标签: javascript

$('.inlineDatepickerDepart').datepick({ minDate: '<%=@start_display%>', maxDate: '<%=@end_display%>',
   monthsToShow: 2,
  dateFormat: "dd/mm/yyyy",
  onSelect: function(date) {    

var selected = parseInt(document.getElementById(“guest_adult”)。value)+ parseInt(document.getElementById(“guest_kid”)。value);   警报(选择的);

for(var x=0;x<selected;x++)
{
document.getElementsByClassName("depart1")[x].innerHTML = '2012-03-24';
document.getElementsByClassName("return1")[x].innerHTML = '2012-04-24';
}
},
});

警报显示没有guest.It单独替换depart1 [0]的值。不适用于整个循环和'return1'类。任何人都可以给我解决它的关键

4 个答案:

答案 0 :(得分:3)

您应该查看console以捕获基本错误,例如getElementByClassName函数不存在的事实。

改为使用getElementsByClassName

答案 1 :(得分:2)

这是复数:

document.getElementsByClassName
                   ^

答案 2 :(得分:2)

您应该使用:

getElementsByClassName

因为可以有多个具有相同类的元素,所以它是复数。

答案 3 :(得分:0)

最后,它使用以下代码。

var a;
var b;
for(var x=0;x<selected;x++)
{
a=document.getElementsByClassName("depart1")[x];
a.innerHTML = depart_date;
b=document.getElementsByClassName("return1")[x];
b.innerHTML = return_date;
}