getElementById в IE9

Question

[Gesper]

Кто-нибудь может мне пояснить, как такое вообще может быть?

alert(document.getElementById('ordinance_law_coverage').id);
выводит мне строку ordinance_law_coverage0.

На странице есть элемент с id «ordinance_law_coverage».
Также есть элемент с id «ordinance_law_coverage0» и атрибутом name — «ordinance_law_coverage».

То есть получается, что в IE9 getElementById может в каких-то случаях находить элемент по name вместо id?

Answer 1

[Gesper]

Ага, нашел ответ. msdn.microsoft.com/en-us/library/ms536437(v=vs.85).aspx
getElementById: Returns the first object with the specified ID or NAME.
Это же надо было до такого догадаться.

Comments

[vinxru]

У меня такое ощущение, что MS специально разрешает программистам допускать мелкие ошибки. Что бы программисты, разрабатывающие под их браузер, не могли создать программу совместимую с другими браузерами.

Ваш случай уникальный.

[bigdogsru]

Ахахах, ну буквально же пару дней назад на хабре утверждалось, что IE стал нормальным! Не зря многие в это не поверили.

Answer 2

[MT]

Какой элемент имеет у вас атрибут name и зачем?
В каком режиме X-UA-Compatible у вас IE9?

Answer 3

[Gesper]

В моем конкретном случае Name у чекбокса. К нему прилагается input type=hidden элемент у которого ID соответствует нейму чекбокса. В hidden хранится значение связанное с чекбоксом. Поменять схему всего этого чуда не представляется возможным на текущий момент(проект старый и большой, легаси штучки и все такое).

То же самое поведение getElementById проявляется и в ИЕ7 и в ИЕ8. Судя по всему, МС считает, сто это нормальное поведение.

Comments

[MT]

Подумалось: если задача касается исключительно пар полей, взаимное расположение которых заранее известно, то можно ведь обойтись вообще без идентификаторов:

<input type="checkbox" name="test" /><input type="hidden" id="test" />

var myhidden = myform.elements['test'].nextSibling()

[MT]

Опечатка: nextSibling() → nextSibling

Answer 4

[MT]

Ещё раз:

Comments

[MT]

В каком режиме X-UA-Compatible у вас IE9?

[Gesper]

да, в ИЕ8 и ИЕ9 это помогло. Спасибо.

[MT]

В IE7 можно вместо getElementById('example') использовать jQuery: $('#example').

[Gesper]

Да, я внимательнее почитал свою же ссылку и понял почему помогло. К сожалению, мне надо, чтобы оно так же работало и в ИЕ7.

[MT]

Ещё раз: в IE7 используйте jQuery.

[Gesper]

В проекте используется PrototypeJS версии 1.6.0.2. В этой версии, если использовать CSS селектор, эта проблема проявляется все равно. В более свежих версиях это пофикшено, но обновлять опасаюсь, нужно будет всесторонне тестировать, на тему «а не поломалось ли что». А проблему желательно устранить побыстрее.

[MT]

Используйте jQuery конкретно в IE7 помимо Prototype при помощи jQuery.noConflict().

[Gesper]

Если не найду других выходов, то придется так и сделать.

[MT]

Можно, кстати, использовать только движок селекторов из jQuery — Sizzle (в Gzip’е он имеет размер всего 9 КБ):

Sizzle('#example')[0]

[MT]

С миниминизацией (+ Gzip) — и вовсе 5 КБ.