type inference causes code to fail

Question

consider the following code:

var yum: HTMLElement;
  var bin: Element;
yum = document.createElement('p');
var y: Node = yum.cloneNode(true);
bin.appendChild(y);

y.style.display = 'none';     //fails Error 2   Cannot convert 'Node' to 'HTMLElement': Type 'Node' is missing property 'click' from type 'HTMLElement'

of course this fails as cloneName returns Node and not HTMLElement and if you try what to convert manually from Node to HTMLElement then the same error occurs. So I stuck as I do not see a way to change the opacity. Now this is javascript I was trying to move into Typescript.

Fenton · Accepted Answer · 2013-01-09 16:27:31Z

3

If you know that the element being cloned is an HTMLElement as in your example, you can cast it:

var yum: HTMLElement;
var bin: Element;

yum = document.createElement('p');
var y: HTMLElement = <HTMLElement> yum.cloneNode(true);
bin.appendChild(y);

y.style.display = 'none';

Where the type is explicit, you could opt not to annotate the types, like this:

var bin: Element;
var yum = document.createElement('p'); // type inferred as createElement returns an HTMLElement
var y = <HTMLElement> yum.cloneNode(true); // type inferred from the cast

bin.appendChild(y);
y.style.display = 'none';

answered Jan 9, 2013 at 16:27

Fenton

253k74 gold badges404 silver badges414 bronze badges

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

Collectives™ on Stack Overflow

type inference causes code to fail

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related