如何在角度4中使用JS属性（例如“ offsetWidth”）

Question

I am trying to get the width of an element using JS in my Angular app.

document.getElementsByClassName("element")[0].offsetWidth;

When I do this i am getting the below compilation error

Property 'of fsetWidth' does not exist on type 'Element'.

Could someone tell me how to use it in Angular 4. Thanks

Answer 1

If give identification of your DOM element using #

Template:

<div class="for-example" #titleText>For Example</div>

Component:

Declare

@ViewChild('titleText') titleTextElement;

and get offsetWidth like following:

this.titleTextElement.nativeElement.offsetWidth