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'.

我需要以某種方式施放此元素能夠訪問殘疾人財產？

Answer 1

你需要告訴打字稿，這是一個輸入元素：

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 
}