У меня есть элемент body и HTML в нем. Как получить положение элемента inner3 слева относительно body?
body
<body> <div> <h2 id='inner3'>some text</h2> </div> </body>
Очевидно, в Java-скрипте, предпочтительно вJQuery
Вы можете получить позицию элемента inner3, используя метод jQuery .position() или .offset().
inner3
.position()
.offset()
jQuery.position () Получить текущие координаты первого элемента в наборе соответствующих элементов относительно родительского смещения. jQuery.offset () Получить текущие координаты первого элемента в наборе совпадающих элементов относительно документа
jQuery.position () Получить текущие координаты первого элемента в наборе соответствующих элементов относительно родительского смещения.
jQuery.offset () Получить текущие координаты первого элемента в наборе совпадающих элементов относительно документа
$("#inner3").position().left
или
$("#inner3").offset().left
HTML:
<body> <div> <h2 id='inner3'>some text</h2> <span id='result'>tmp</span> </div> </body>
css:
h2 { margin-left: 300px }
JavaScript:
$ ( '# результат'). HTML ($ ( '# inner3'). Смещение (). Слева) $ ('# inner3'). Offset (). Left // это возвращает левую позицию!
$ ( '# результат'). HTML ($ ( '# inner3'). Смещение (). Слева)
$ ('# inner3'). Offset (). Left // это возвращает левую позицию!
ссылка: http://jsfiddle.net/A5kQy/