Search results
14 sty 2009 · The correct approach is to use element.getBoundingClientRect(): var rect = element.getBoundingClientRect(); console.log(rect.top, rect.right, rect.bottom, rect.left); Internet Explorer has supported this since as long as you are likely to care about and it was finally standardized in CSSOM Views.
5 kwi 2023 · You can use the element.getBoundingClientRect () function to measure the position of an element in JavaScript. This function returns an object with eight properties: top, right, bottom, left, x, y, width, and height. These properties tell you the position and size of the element relative to the viewport:
Open a new window with a specified left and top position, and return its coordinates: const myWin = window.open("", "", "left=700,top=350,width=200,height=100"); let x = myWin.screenX; let y = myWin.screenY; Try it Yourself ». More examples below.
16 mar 2016 · The code for getting the X and Y position of an HTML element is provided below: // Helper function to get an element's exact position. function getPosition(el) {. var xPos = 0; var yPos = 0; while (el) {. if (el.tagName == "BODY") {. // deal with browser quirks with body/window/document and page scroll.
13 gru 2020 · Getting the Position Data Calling getBoundingClientRect() on an element will return data about its size and position relative to the viewport. The data is wrapped in a DOMRect object that provides the element's x and y positions in the viewport, and its width and height.
26 kwi 2011 · I am a JavaScript beginner and am looking for a way to get the x and y coordinates on a button when it's clicked. This works in Opera, IE9 and Chrome but I can't get it to work in Firefox. Here is my code so far: Function in JavaScript: function buttonClick(subEvent) { var mainEvent = subEvent ? subEvent : window.event;
2 lut 2024 · JavaScript JavaScript DOM. Use the Element.getBoundingClientRect() Function to Get the Position of an Element in JavaScript. Use the offsetTop Property to Get the Position of an Element in JavaScript. Every element in the HTML document is placed at a given position.