1

使用しているモーダル ダイアログ ボックスの幅と高さを調べようとしています。

私は次のHTMLを持っています:

<div data-ng-show="modal.visible" id="modal" style="height: 300px; width: 900px;">
   <div class="block-border">
     xxx
   </div>
</div>

次のスクリプトがあります。

$scope.openModal = function ($scope) {  
   var modal = document.getElementById('modal');
   var modal_width = modal.offsetWidth
   var modal_height = modal.offsetHeight;
   var modal_width = parseInt(modal.width, 10)
   var modal_height = parseInt(modal.height, 10)
   var window_width = window.innerWidth;
   var window_height = window.innerHeight;
   modal.style.left = window_width / 2 - modal_width / 2;
   modal.style.top = window_height / 2 - modal_height / 2;
   $scope.modal.visible = true;

これまでのところ、モーダルの高さと幅を取得するための 2 種類のチェックが機能していないようで、 modal_width と modal_height を取得する方法がわかりません。

4

1 に答える 1