下一個代碼在FireFox和Chrome中運行。當我在IE中運行它時有什麼錯誤？

Question

我試圖得到一個元素彈跳框，這樣的：

var bboxRealDibujo = gRootDibujo.getBoundingClientRect();   //El bbox del dibujo. 
    var bboxRealVentanaDeZoom = ventanaDeZoom.getBoundingClientRect(); //El bbox de la ventana de zoom. 

    console.log ("Lienzo XY: "+bboxRealDibujo.left+", "+bboxRealDibujo.top+" / Lienzo WH "+ bboxRealDibujo.width+", "+bboxRealDibujo.height); 
    console.log ("Ventana Zoom XY:"+bboxRealVentanaDeZoom.left+", "+bboxRealVentanaDeZoom.top+" / Lienzo WH"+ bboxRealVentanaDeZoom.width+", "+bboxRealVentanaDeZoom.height); 

正如你所附加的圖片中看到，我沒有在Firefox/Chrome中的所有問題，但在IE中，變量x ，y返回爲「未定義」（也用左邊，頂部，相同的結果嘗試）。

問題是：是一個類型命令錯誤，或IE有它自己的命令（像往常一樣）？

在此先感謝。

enter image description here

Answer 1

根據MDN，IE支持getBoundingClientRect，但它不支持x和y性質。

IE和邊緣返回（ClientRectList用）MSDN：不包含x和y屬性ClientRect目的，而不是DOMRect對象

另一種方法是使用rect.left和rect.top代替x和y。