javascript - 访问 Ionic 2 DOM 元素的样式

Question

我正在尝试使用以下内容访问我的其中一个页面的 DOM 元素:

 ionViewDidEnter() {

    this.platform.ready().then(() => {

      let elm = <HTMLElement>document.querySelector("ion-navbar.toolbar.toolbar-ios.statusbar-padding");
      console.log(elm.style);
    })
 }

但是，这个元素似乎没有样式 - 我尝试了各种组合来访问它，但没有成功。

具体来说，我正在寻找 ion-navbar 的高度。这可能吗？

Answer 1

你可以通过 element.offsetHeight 获取元素的实际高度.

至于样式属性，它只会为您提供元素的内联样式属性中定义的属性(例如 <div style="height: 20px;">...</div> )，而不是 CSS 使用选择器规则应用的属性。参见 this MDN article了解更多详情。