div.classの高さを取得および設定する方法

Question

typescriptのHTML要素の高さを取得して更新する方法を教えてください。

document.getElementsByClassName('height').style.height = childHeight; 

は機能しません。私はここで

プロパティ「スタイル」が存在しないタイプの「HtmlCollectionOf <要素>」

Answer 1

一つの問題はgetElementsByClassNameクラスheightを持つ要素の配列を返すことがあります取得します。 style methodを適用するには、1つの要素が必要です。

このコードは、最初のそのような要素に10pxの高さを適用します。

document.getElementsByClassName('height')[0].style.height = '10px'; 

Answer 2

まず、あなたが後にあるコード：次に

const cnElems = document.getElementsByClassName("cn"); 

for (let i = 0; i < cnElems.length; i++) { 
    const e = cnElems[i]; 
    if (e instanceof HTMLElement) { 
     e.style.height = "10px"; 
    } 
} 

、説明...二つの主要な障害があります。ここに：

HTMLCollection<Element>
を返し getElementsByClassName

• 210より古いターゲットとブラウザの場合は、このコレクションを古い学校のforループで列挙する必要があります。より新しいターゲット（> = ES6）およびブラウザについては、this answerを参照してください。
• コレクションの要素はElementですが、styleはHTMLElementに定義されています。幸いにも、TSはtype guardの範囲内の型を自動的に絞り込みます。