Typescript禁用特定ID中具有類的所有元素

Question

我有一個功能，用於切換div中輸入字段的啟用/禁用狀態。 該div具有唯一的ID，並且div包含具有相同類名的輸入。

const el = document.getElementById('slice_' + slice).getElementsByClassName('shiftSlice');
        for (let i = 0; i < el.length; i++) { 
            el[i].disabled = true;
        }

當我嘗試此操作時，打字稿告訴我[ts] Property 'disabled' does not exist on type 'Element'.

我是否需要以某種方式強制轉換此元素才能訪問Disabled屬性？

Answer 1

您需要告訴TypeScript這是一個輸入元素：

const el = document.getElementById('slice_' + slice).getElementsByClassName('shiftSlice');
for (let i = 0; i < el.length; i++) {
    (<HTMLInputElement>el[i]).disabled = true; // note the type assertion on the element
}