Задать вопрос
dnv777
@dnv777
javascript

Firefox. HTML5. JS доступ к элемету по ID

Есть код
<!DOCTYPE html >
<html><body>
   <div id='dv'></div> 
</body></html>
<script>
  dv.innerHTML='hello';
</script>


все браузеры кроме FF работают корректно. в FF только так
document.getElementID(«dv»).innerHTML='hello';
хотя если отключаю Doctype, то и так все работает.

хотел перевести сайт на HTML5, и тут встретил такую нежданку от FF. переделывать все скрипты сайта под этот прикол не реально.

в чем проблема?
FF стоит последний

вопрос снят. оборачиваю все в jQuery и document.getElementID
  • Вопрос задан
  • 2742 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
dnv777
@dnv777 Автор вопроса
я тут написал макрос для VS.NET, чтоб оборачивать элементы в jQuery, приводя их в нормальный вид из «привет 90х». может кому тоже пригодится.
Private Sub Wrap(ByVal prefix, ByVal sufix)
Dim t As EnvDTE.TextSelection = DTE.ActiveDocument.Selection

If t.Text.Length = 0 Then
t.WordLeft()
t.WordRight(True)
End If
t.Text = prefix & t.Text.Trim & sufix

End Sub

Public Sub Wrap_jQuery() ' hotkey Alt+J
'оборачиваем obj в $('#obj')
Wrap("$('#", "')")
End Sub

Public Sub Wrap_e() ' hotkey Alt+E
'в js скрипт: function $e(name) { return typeof (name) === 'string' ? document.getElementById(name) : name; }
Wrap("$e('", "')")
End Sub
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 9
dnv777
@dnv777 Автор вопроса
мне кто-то может ответить почему к элементу в FF нельзя обращаться напрямую?
без комментариев по поводу валидности html5 и т.п.?
Ответ написан
1 комментарий
1 комментарий
@venn
Вот тут можно почитать про твою проблему.
Ответ написан
Комментировать
Комментировать
@egorinsk
> хотел перевести сайт на HTML5
> обращение к DOM элементу через свойство window

Вы вместо тега «html» напишите «html5», тогда точно заработает.
Ответ написан
3 комментария
3 комментария
k12th
@k12th
console.log(`You're pulling my leg, right?`);
Скрипт после /html — не валидно. Поэтому в html5 не работает, только в quirksmode.
dv.innerHTML='hello'; — 90-ые давно кончились.

Если у вас все в таком виде, то да, перейти на что-то современное будет трудно(
Ответ написан
5 комментариев
5 комментариев
Isis
@Isis
Скрипт вставить в тег head или перед закрытием body.
getelementbyid.ru/
Ответ написан
Комментировать
Комментировать
dnv777
@dnv777 Автор вопроса
понятно. но не удобно… все браузеры понимают а FF нет
в VisualStudio через intellisense можно быстро набирать имена объектов, а теперь придется каждый элемент оборачивать в пользовательскую $e() или в jquery
Ответ написан
1 комментарий
1 комментарий
Evengard
@Evengard
Ого. Честно говоря, я думал так уже давно во всех браузерах… Таки нет, эта древность до сих пор сохранилась. Надо же.

Пользуйтесь таки
var dv = document.getElementById('dv');
Ответ написан
Комментировать
Комментировать
dnv777
@dnv777 Автор вопроса
да хватит уже меня минусовать.
осознал свою проблему и закрыт тему…
Ответ написан
Комментировать
Комментировать
TheShock
@TheShock
вообще, я совершенно согласен со всеми комментаторами, которые высказывались выше.
Если вы переходите на современные технологии, то переходите полностью. Не переходите — не переходите.
Если по какой-то причине это нереально важно, то можно (хотя я крайне не рекомендую) сделать такой некрасивый хак:
var all = document.getElementsByTagName('*');
for (var i = all.length; i--;) if (all[i].id) {
  document[all[i].id] = all[i];
}

Правда стоит учесть, что элементы, которые добавлены динамически (после старта скрипта) — так не получишь.

Но вы должны понимать, что пользуетесь настолько устаревшим стандартом, что очень скоро ваш сайт перестанет работать в огромном количестве браузеров. Лучше переходите сейчас на современные технологии, пока не поздно.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Создание промо картинок мобильного приложения
24 апр. 2024, в 16:42
10000 руб./за проект
Визуальные в фронтенд WebApp телеграмм бота
24 апр. 2024, в 16:35
5000 руб./за проект
Установить вебхук на сайт
24 апр. 2024, в 16:19
4000 руб./за проект
Ещё заказы