<strong>、<cite>、<article> 等的 HTMLElement 类型
HTMLElement type for <strong>, <cite>, <article>, and others
等元素的 HTMLElement
类型是什么
<strong>
<cite>
<article>
- 和许多其他人
?
根据 MDN 的 HTML elements reference, there are many more elements than there are types under HTMLElement
(see this list).
我正在使用 TypeScript 对元素进行一些处理,并希望以尽可能具体的类型存储对它们的引用。虽然许多其他元素具有明确命名的类型(例如 HTMLDivElement
, HTMLImageElement
, and HTMLTableElement
),但我上面列出的元素似乎没有任何对应的类型。
它可能只是 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>
HTMLElement
类型是什么
<strong>
<cite>
<article>
- 和许多其他人
?
根据 MDN 的 HTML elements reference, there are many more elements than there are types under HTMLElement
(see this list).
我正在使用 TypeScript 对元素进行一些处理,并希望以尽可能具体的类型存储对它们的引用。虽然许多其他元素具有明确命名的类型(例如 HTMLDivElement
, HTMLImageElement
, and HTMLTableElement
),但我上面列出的元素似乎没有任何对应的类型。
它可能只是 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>