JavaScript：构造函数可以创建 documentElement 对象吗？

Question

我想做一个构造函数来创建一个 documentElement 对象。

例如，考虑 new Audio() 构造函数 - 它创建一个 documentElement 对象，如果您向它传递一些变量，它会使用属性填充新的 documentElement。它不会将其插入 DOM，它只是创建对象。

所以，问题是 - 是什么让 documentElement 与普通 javascript 对象（属于 {property: value} 类型）不同，您能否像为对象编写构造函数一样为它们编写构造函数？

编辑：

我正在玩弄的是在没有它的浏览器中重新创建新的 Audio() 构造函数，使用 quicktime 或 flash HTMLObjectElement 代替 HTMLAudioElement。

audio.constructor 引用 HTMLObjectElement 对我来说没问题，因为在支持它的浏览器中使用 new Audio() 的结果是 audio.constructor 引用 HTMLAudioElement。

我不确定 Audio.prototype。当我在支持音频的浏览器中查询 console.log(Audio.prototype) 时，它们什么也没有返回——甚至在 console.log 中没有空行——所以这让我很困惑。不过，如果我理解正确，这不会影响我的目标。

目的是能够使用 Audio 构造函数进行编码，并让浏览器在本地处理它或在需要时设置插件实例。

Answer 1

document 元素不是一个普通的 JavaScript 对象，它是一个 DOM Element 对象，它实现了通用的 DOM 核心 document interface。

您可以使用document.implementation.createDocument（可从DOM Core Level 2 获得）创建documentElements：

function createDocument() {
 var doc = document.implementation.createDocument('http://www.w3.org/1999/xhtml',
                                                      'html',  null),
     body = document.createElementNS('http://www.w3.org/1999/xhtml', 'body');  

  doc.documentElement.appendChild(body);  
  return doc;
}

编辑：

你的意思是这样的吗？

function ElementCreator(tagName, attributes){
    this.element = document.createElement(tagName);

    for (var i in attributes) {
      this.element[i] = attributes[i];
    }
  return this.element;
}

var anchor = new ElementCreator('a', { id: 'myLink', href:'http://google.com',
                                       innerHTML:'Link text' });
document.body.appendChild(anchor);
// <a id="myLink" href="http://google.com">Link text</a>

但是，我认为为此使用构造函数没有太多优势。

元素从构造函数返回，对象instance丢失，上例中的anchor.constructor指的是HTMLAnchorElement而不是ElementCreator，因此对ElementCreator.prototype的访问也是丢了。

如果将 DOM Element 实例包装在一个成员上，或者只是实现一个简单的函数，会更有意义。