为何可通过new Image()创建元素，却不支持new Div()与new Span()？

这个问题戳中了DOM API里一个有点“复古”的小细节，我来给你掰扯清楚：

核心原因：历史遗留的特例 vs 通用标准设计 #

• Image是历史遗留的快捷构造函数：早在早期浏览器时代，图片这类媒体元素是网页里的高频需求，浏览器厂商特意给Image、Audio、Video这类元素加了独立的构造函数，方便开发者快速创建实例，不用每次都写document.createElement('img')。这属于当时为了效率搞的“特殊待遇”，并不是所有元素都有这福利。
• Div属于通用元素，遵循标准创建方式：对于<div>、<p>、<span>这类最基础的通用元素，DOM标准从一开始就规定统一用document.createElement('标签名')来创建。这样做是为了保持API的一致性，避免给每个元素都单独加构造函数导致接口臃肿。

未来会支持new Div()吗？ #

目前来看，几乎没有这个可能。
现在的DOM标准更注重接口的简洁和一致性，document.createElement()已经能覆盖所有元素的创建需求，而且足够灵活（还能支持自定义元素）。如果给每个通用元素都加独立构造函数，反而会增加API的冗余，给开发者带来不必要的记忆负担。

如果你觉得每次写document.createElement('div')太麻烦，其实可以自己封装一个极简的函数来实现类似效果：

function Div() {
  return document.createElement('div');
}
// 之后就能像这样用了：
const div = new Div();

内容的提问来源于stack exchange，提问作者1.21 gigawatts