#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.