Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Пико-фреймворк

Автор: arcsupport 6.8.2011, 17:13

Нашел на habrahabr.ru куски кода. Раз:

Код

var dom = {
    id  : function (id)  { return document.getElementById(id); },
    tag : function (tag) { return document.getElementsByTagName(tag); },
};

Два:

Код

var $ = window.document.querySelectorAll;

Объясните пожалуйста, как они работают и как их использовать.

Автор: Amphiluke 6.8.2011, 18:32

Ничего особенно сложного. Простые обертки для методов DOM, позволяющие сократить код.
Использовать так:
I:

Код


var element = dom.id("element_id_here");

эквивалентно стандартной записи:

Код


var element = document.getElementById("element_id_here");

II:

Код


var elements = dom.tag("div");

эквивалентно стандартной записи:

Код


var elements = document.getElementsByTagName("div");

III:

Код


var elements = $("body div#id span.class");

эквивалентно стандартной записи:

Код


var elements = document.querySelectorAll("body div#id span.class");

Автор: arcsupport 6.8.2011, 20:26

Amphiluke, под какими браузерами не работает var $ = window.document.querySelectorAll;?

Автор: Amphiluke 6.8.2011, 20:34

Как минимум, под IE < 8, Opera 9. См. также https://developer.mozilla.org/en/DOM/document.querySelectorAll#Browser_compatibility

Автор: arcsupport 6.8.2011, 20:51

Ээх.