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

score 5 · Accepted Answer · answered Aug 30 '17 at 09:16

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 '17 at 09:16

Wasif Khan

Thank you. One more doubt. How can I access child component reference variable in parent component – Rajarajan Rajasekaran Aug 30 '17 at 09:46
Check this out for your doubt. https://stackoverflow.com/questions/36018478/getting-a-reference-to-the-child-component-in-the-parent-component – Wasif Khan Aug 30 '17 at 09:56