次のコードは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は "undefined"として返されます（left、top、同じ結果でも試されます）。

質問は次のとおりです：タイプコマンドエラーですか、IEには独自のコマンドがありますか？

ありがとうございます。

enter image description here

Answer 1

MDNによると、IEはgetBoundingClientRectをサポートしていますが、それはxとyプロパティをサポートしていません。

IE及びエッジMSDN（とClientRectList）を返す：代わりDOMRectのxおよびyプロパティを含まないてClientRectオブジェクトは、

オブジェクト代替代わりxのrect.leftとrect.topを使用することであろうそれぞれyである。