TypeScriptノード要素にスタイルを適用

Question

現在TypeScriptを学習していますが、この問題を正しく解決する方法がわかりません。私は「ノード」インタフェース宣言とスタイルプロパティが欠落しているチェックして

function styleElement(unstyled: HTMLElement) { 
    const styled = unstyled.cloneNode(); // styleElement should be a pure function 
    styled.style = { opacity: 0 }; // TypeScript says: Property 'style' does not exist on type 'Node'. 

    return styled; 
} 

：私はこのように私のスタイリング関数に引数として与えられたのHTMLElementのスタイルにしたいです。私が知っている限り、それはW3C仕様に記述されていますが、Nodeにはスタイルプロパティはありません。しかし、この制限で私の問題をどのように解決できますか？

"HTMLElement"のスタイルプロパティを上書きすると読み込みエラーが発生しますが、これも奇妙です。

ありがとうございました！

Answer 1

あなたはキャストすることができます：

function styleElement(unstyled: HTMLElement) { 
    const styled = unstyled.cloneNode() as HTMLElement; 
    styled.style = { opacity: 0 }; // Now works properly. 
    // Although styled.style.opacity = 0; would have been preferable 

    return styled; 
}