Property 'showModal' does not exist on type 'HTMLElement'
投稿日: 2024/07/24
document.getElementById("test")?.showModal()のようなコードを書いたとき、Property 'showModal' does not exist on type 'HTMLElement'という型エラーが出た。
TypeScriptでの解決法
showModal メソッドは HTMLDialogElement に存在しますが、HTMLElement には存在しません。TypeScriptを使用している場合、この型エラーを回避するために、要素を HTMLDialogElement としてキャストする必要があります。
以下は、document.getElementById で取得した要素を HTMLDialogElement にキャストして showModal メソッドを呼び出す方法です。
const dialogElement = document.getElementById("test") as HTMLDialogElement | null dialogElement?.showModal()
という小ネタでした
yosi
Noh を作ってるエンジニア。