javascript - 、、 等的 HTMLElement 类型

Question

什么是 HTMLElement

等元素的类型

• <strong>
• <cite>
• <article>
• 和许多其他人

?

根据 MDN 的 HTML elements reference , 元素比 HTMLElement 下的类型多得多(参见 this list)。

我正在使用 TypeScript 对元素进行一些处理，并希望以尽可能具体的类型存储对它们的引用。虽然许多其他元素具有明确命名的类型(例如 HTMLDivElement 、 HTMLImageElement 和 HTMLTableElement )，但我上面列出的元素似乎没有任何对应的类型。

Answer 1

它可能只是 HTMLElement

console.log(document.getElementById('div').constructor);
console.log(document.getElementById('table').constructor);
console.log(document.getElementById('img').constructor);
console.log(document.getElementById('strong').constructor);
console.log(document.getElementById('cite').constructor);
console.log(document.getElementById('article').constructor);

<strong id="strong">strong</strong>
<div id="div">div</div>
<cite id="cite">cite</cite>
<article id="article">article</article>
<table id="table"><tr><td><img id="img" src="https://www.gravatar.com/avatar/460d2e9d0a84c78e6a5c141a51eb3ab9?s=128&d=identicon&r=PG"></td</tr></table>