использование javascript для определения положения элементов DOM

#javascript #webpage

#javascript #HTML

Вопрос:

Я хочу проверить пространственную организацию элементов на веб-странице.

Могу ли я получить пример кода и указатели на ресурсы.

Спасибо.

Комментарии:

1. Смотрите здесь: w3.org/TR/cssom-view/#extensions-to-the-htmlelement-interface

Ответ №1:

Поехали:

 function position( elem ) {
    var left = 0,
        top = 0;

    do {
        left  = elem.offsetLeft;
        top  = elem.offsetTop;
    } while ( elem = elem.offsetParent );

    return [ left, top ];
}
  

Живая демонстрация: http://jsfiddle.net/dDyZF/2/

Ответ №2:

Если вам нужен хороший модульный код, который можно читать и легко извлекать только те фрагменты, которые вы хотите, попробуйте MyLibrary Дэвида Марка (который вы используете для создания своей библиотеки).

Я нахожу, что библиотеки, подобные jQuery, настолько сложно связаны сами по себе и зависят от их собственной функциональности, что попытка отследить все функции и изменить отображение свойств — это упражнение в разочаровании. С другой стороны, MyLibrary изначально написана как очень модульная и обеспечивает лучшие кроссбраузерные функции.

Ответ №3:

Вы не запрашивали jQuery, но, возможно, захотите проверить плагин jQuery dimensions.