jQuery CSS - доступ к позиции элемента
jQuery CSS: упражнение 5 с решением
Доступ к позиции элемента.
Тестовые данные :
<Тело> <div style = "высота: 75px; ширина: 200px; отступ: 10px; поле: 3px; граница: 1px сплошной синий; цвет фона: # F3E2A9;"> </ DIV> <Р> </ р> </ Body>
Решение :
HTML-код:
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>Access the position of an element</title>
</head>
<body>
<div style="height:75px;width:200px;padding:10px;margin:3px;border:1px solid blue;background-color:#F3E2A9;"></div>
<p></p>
</body>
</html>
Код JavaScript:
var position = $("div").position();
$( "p" ).text( "Left : " + position.left + ", Top : " + position.top );
Демонстрация в реальном времени:
См. Pen jquery-css-упражнение-5 от w3resource ( @ w3resource ) в CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущая: Получить верхнюю и левую позиции элемента.
Далее: Найти внутреннюю высоту и внутреннюю ширину элемента.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code