javascript - Typescript 中的类型 'content' 上不存在属性 'HTMLElement'

Question

尝试获取元标记的内容时出现错误:

document.getElementById('mymetatag').content

在 Javascript 中是有效的，但 typescript 说

Property 'content' does not exist on type 'HTMLElement'

那么如何扩展 HTMLElement 类型接口(interface)来支持 content 属性呢？

Answer 1

TypeScript 不知道什么样的元素具有这个特定的 ID。它一开始就无法相信元素的存在!

您需要引入另一项检查以验证您的假设:

const element: HTMLElement | null = document.getElementById('mymetatag');

if (element instanceof HTMLMetaElement) {
  element.content;
}

更新

您还可以使用断言签名。

function assert(condition: boolean, message: string): asserts condition {
  if (!condition) {
    throw new Error(message);
  }
}

那么你的解决方案就变成了:

const element: HTMLElement | null = document.getElementById('mymetatag');

assert(element instanceof HTMLMetaElement, "A <meta> element of id 'mymetatag' needs to exist in the DOM.");

element.content; // string