Динамическая таблица с повторяющимися строками и представлением совместимости IE

Question

У меня есть таблица с повторяющимися строками.Каждая строка содержит несколько средств выбора даты из здесь , заполненных javascript.

Как показано ниже, я заметил, что средства выбора даты не отображаются при использовании Firefox или IE9 с отключенным представлением совместимости.

Кажется, он работает правильно в IE8.

• Кто-нибудь знает, что может вызвать эту проблему и как я могу ее исправить?

Вот Live Demo на JSfiddle

Спасибо за вашу помощь!

Answer 1

JavaScript в некоторых браузерах может быть очень привередливым, когда дело доходит до пробелов внутри элементов.

В вашем случае, в ячейках таблицы есть реальные пробелы перед элементами <input>. Когда это происходит, childNodes [0] в FireFox и / или IE9 без режима совместимости ссылается на это пространство вместо первого HTML-элемента.

Либо удалите пробелы в своем HTML, либо обрежьте пробелы в своем JavaScript при установке innerHTML новой ячейки.