Gibt es eine Möglichkeit, um die bounding-box (in Pixel) eines DOM-Elements?

Ist es ein Weg, um die bounding-box-Koordinaten eines DOM-Elements mit Javascript?

Offensichtlich kann ich es berechnen von verschiedenen CSS-Eigenschaften: width, height, und so weiter.

Ich Frage, denn es gibt viele andere grafische Plattformen bieten diese als eine Methode. Zum Beispiel scheinbar kann man das in XUL als pro dieser Beitrag, die beschreibt eine Methode getBoundingClientRect().

(Mein Ziel ist es zu prüfen, ob sich zwei Elemente überlappen.)

InformationsquelleAutor | 2012-02-15
  1. 11

    Tatsächlich, es ist eine integrierte Methode, um das umschließende Rechteck: Element.getBoundingClientRect

    Die Methode gibt ein Objekt mit der (visuellen) oben, rechts, unten, Links und Koordinaten des Elements sowie seine Breite und Höhe.

    Beispiel (JSFiddle)

    Mehr info:

    • TIL getBoundingClientRect(). Danke für die Korrektur!
    InformationsquelleAutor Aletheios
  2. 1

    Lassen Sie uns sagen, dass Sie das DOM-element hatte die ID myElement. 

    document.getElementById("myElement").offsetLeft; //Left side of box 
document.getElementById("myElement").offsetTop;  //Top side of box 
document.getElementById("myElement").offsetLeft 
    + document.getElementById("myElement").offsetWidth; //Right side of box
document.getElementById("myElement").offsetTop
    + document.getElementById("myElement").offsetHeight; //Bottom side of box

    Für die unteren und rechten Seiten, wird der code im Grunde fügt die Breite und Höhe der bounding-box auf der linken oder oberen Seite.

    Wenn Sie wollten, könnten Sie document.getElementById("myElement") einmal, und verwenden Sie die Referenz, wie folgt: 

    var myElement = document.getElementById("myElement");
myElement.offsetLeft; //Left side of box 
myElement.offsetTop;  //Top side of box 
myElement.offsetLeft + myElement.offsetWidth; //Right side of box
myElement.offsetTop + myElement.offsetHeight; //Bottom side of box
    InformationsquelleAutor wecsam
Schreibe einen Kommentar