How to use JS property like "offsetWidth" in angular 4

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

Wasif Khan · Accepted Answer · 2017-08-30 09:16:15Z

5

If give identification of your DOM element using #

Template:

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

Declare

@ViewChild('titleText') titleTextElement;

and get offsetWidth like following:

this.titleTextElement.nativeElement.offsetWidth

answered Aug 30, 2017 at 9:16

Wasif Khan

9547 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Thank you. One more doubt. How can I access child component reference variable in parent component