css – 在AngularJS中获取没有JQuery的HTML元素高度

前端之家收集整理的这篇文章主要介绍了css – 在AngularJS中获取没有JQuery的HTML元素高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我熟悉AngularJS。我想尽可能的“纯粹”。为此,我试图避免包括jQuery。但是,我有一个挑战获取一个HTML元素的高度。目前,我尝试以下:
angular.module('myModule',[])
  .directive('myDirective',function() {
    return {
        restrict: 'A',link: function(scope,element) {
            console.log(element.css('height'));
        }
    };
  })
;

然而,当这个代码执行时,一个空行写入控制台。我试图显示元素的高度。有没有办法在AngularJS中这样做而不使用jQuery?

谢谢!

解决方法

看起来这是正确工作,并给出相同的结果,如果你使用:
element.style.height

由于在元素上未设置内联样式或CSS高度,因此将显示空白行。而不是依赖于样式,您可以直接获取HTML元素高度。

console.log(element[0].offsetHeight);

http://plnkr.co/edit/03YWwjBjYpid4fVmDxlM?p=preview

How do I retrieve an HTML element’s actual width and height?

猜你在找的CSS相关文章