Extend Element prototype using TypeScript

Question

Given the javascript like below, is there a corresponding TypeScript to do the same thing?

I just need to extend the html dom element prototype but cannot figure out a correct TypeScript to do this without compile errors.

Element.prototype.astyle = function actualStyle(props) {
    var el = this;
    var compStyle = window.getComputedStyle(el, null);
    for (var i = 0; i < props.length; i++) {
        var style = compStyle[props[i]];
        if (style != null) {
            return style;
        }
    }
    return null;
};

mind1n · Accepted Answer · 2016-06-25 03:17:50Z

1

You need to use interface to extend the Element first.

interface Element{
    astyle(props:string[]);
}

answered Jun 25, 2016 at 3:17

mind1n

1,2063 gold badges17 silver badges34 bronze badges

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

1 Comment

Dimitar Nestorov Over a year ago

Make sure to put this in a .d.ts file located in the same folder as your tsconfig.json

Collectives™ on Stack Overflow

Extend Element prototype using TypeScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related