Получение стартовой левой позиции и верхней позиции элемента

Question

В JavaScript у меня проблема со сценарием, который я пишу. Мне нужно иметь возможность получить начальную верхнюю и левую позиции HTML-объекта, такого как таблица или изображение, которые определены в CSS.

Когда я определяю левое (20px) и верхнее (20px) смещение для таблицы, я запускаю консоль javascript, встроенную в chrome, и выполняю parseInt (document.getElementById ('component1'). Style.left), чтобы увидеть, будет ли дайте мне величину смещения в виде числа. Тем не менее, он возвращает NaN. Я предполагаю, потому что браузер не инициализирует эти значения (я думал, устанавливая это явно в CSS, что браузер будет)

Есть идеи, как мне это обойти?

Answer 1

Является ли JQuery вариант? Если так:

var offset = $("#component1").offset;
//use offset.left, offset.top for whatever you need

Если нет, вы можете сделать это с помощью цикла, посмотреть этот ответ .