javascript - document.getElementByClassName 无法正常工作

Question

$('.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';
}
},
});

警报显示客人的数量。它单独替换了离开 1 [0] 的值。不适用于整个循环和“返回 1”类。谁能给我解决问题的钥匙

Answer 1

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

请改用getElementsByClassName。

Answer 2

是复数：

document.getElementsByClassName
                   ^

Answer 3

你应该使用：

getElementsByClassName

因为可以有多个元素应用相同的类，所以它是复数。

Answer 4

最后它通过使用以下代码工作。

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