CSS 요소의 위치를 ​​잡으십시오.

Question

안녕하세요 여러분이 어떻게 요소의 현재 위치를 잡을 수 있는지 보여줄 수 있습니까?

별로하지 않습니다. 그것이 보여주는 모든 것은 버튼을 클릭하고 내가 참조하고자하는 항목을 잡는 것입니다.

나는 현재 위치를 잡아서 버튼을 클릭 할 때 그 위에 뭔가를 표시 할 수 있기를 원합니다.

https://jsfiddle.net/Lkmjzy9d/ignore this <code block> apparently this needs to be here when displaying a jsfiddle link??? idk....

Answer 1

을하는 데 도움이 다음 코드를

$(document).ready(function(){ 
 
    var element = $("#Randomitem"); 
 
      console.log(element.position()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button onclick="myFunction()" id="myButton">Click Me</button> 
 
     <span id="Randomitem">Random Item</span>

희망을 확인 jQuery를 위치()를 사용하여 요소의 위치를 ​​얻을 수 있습니다 , 사용할 수 있습니다

element.getBoundingClientRect().top 

Answer 2

CSS는 스크립팅 언어가 아닙니다. 따라서 jQuery 또는 ReactJS과 같은 것을 사용해야합니다.

Answer 3

당신은 당신이 jQuery를 사용하지 않으려면이