HTMLElement.toString() 仅适用于 Chrome

Question

我在 FireFox 和 Opera 中发现错误。（我运行的是 Debian Whezee、Firefox 9.0.1、Opera 11.60、Chrome 16.0.912.63） 当你输入这样的内容时：

var a = document.createElement('a')
a.toString = function(){ return "Hello" }
alert(a+" World");

，但在 Firefox 和 Opera（不知道 IE）中，你会得到类似这样的“[object HTMLElement] World”

在 Chrome 中，你会得到一个带有“Hello World”的警告框，正如你所期望的那样 试图解决这个问题：

Object.prototype.toString = function(){ return "Hello" };
Function.prototype.toString = function(){ return "Hello" };

它不起作用，因为 DOM 元素不是对象（不继承自对象，因此函数），甚至这也没有帮助：

HTMLElement.prototype.toString = function(){ return "Hello" };
Element.prototype.toString = function(){ return "Hello" };
Node.prototype.toString = function(){ return "Hello" };

因为 HTMLElement、Element、Node 都是接口，而不是函数。

现在我的问题是在哪里报告这个错误？有人可以帮我解决这个问题吗？

//Edit

这是我原来的 toString 函数：

var a = document.createElement('a');
a.toString = function(){
    var tmp=document.createElement('div');
    tmp.appendChild(this);
    return tmp.innerHTML;
}

正如你所看到的，这是 externalHTML 的替代函数，我需要它作为以下行中的默认行为

document.getElemntById('someID').innerHTML += "click this link:"+a;

结果应该是这样的：

<div id='someID'>click this link:<a></a></div>

Answer 1

我认为没有任何地方可以报告这一点，因为在 dom 元素上调用 toString 不是标准行为。要从元素中获取 html 内容，您应该使用innerHTML，并仅获取文本内容，textContent（或旧版 IE 浏览器的innerText）

Answer 2

每当您尝试更改项目的默认/本机行为时；这几乎总是一个坏主意。我想我可能会建议：

var aa = document.createElement('a');
document.body.appendChild(aa);
var nodeList = document.getElementsByClassName('*');
for (var i = 0, len = nodeList.length; i < len; i ++) {
    nodeList[i].myCustomFunction = toStringOverride;
}
function toStringOverride() {
    return "Hello ";
}

alert(aa.myCustomFunction() + " World");

Answer 3

数组对象有可以覆盖的toString，但为什么DOM元素没有这个

Array 是原生 JavaScript 对象。 ECMAScript 标准规定了 JS 对象如何工作的要求，包括将不同的 toString 写入原型的能力。

然而，DOM 对象没有在任何地方被指定为原生 JS 对象或遵守 JS 对象的一般行为规则。它们被允许成为标准所称的“主机对象”，而这些对象的具体规定要少得多。

破解他们的原型是非常不可靠的，而且根本不是一个好主意。尝试了一个 JS 库，prototype.js，结果混乱。

请让Node继承自Object。请

抱歉，Stack Overflow 无权要求 Node 成为原生 JavaScript 对象！

在您能够说服所有浏览器供应商对 DOM 的本机 JS 对象进行标准化之前，您将必须使用外部函数 Node_getOuterHTML(node) { ... } 并显式调用它，“点击此链接：”+Node_getOuterHTML(a)。

尽管如此，通常最好将您创建的节点直接附加到文档中，而不是通过 DOM->HTML-markup->DOM 序列化和解析循环发送它，它目前正在使用 innerHTML。