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");

在 Chrome 中，您会看到带有“Hello World”的警告框，但在 firefox 和 opera（不了解 IE）中，您会看到类似“[object HTMLElement] World”的内容

我试图解决这个问题：

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

它不起作用因为 DOM 元素不是 Object（不继承自 Object 并因此继承 Function），甚至这也没有帮助：

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

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

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

//编辑

这是我原来的 toString 函数：

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

如您所见，这是 outerHTML 的替代方法，我需要将其作为下一行中的默认行为

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

结果应该是这样的：

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

Answer 1

我认为没有任何地方可以报告这一点，因为在 dom 元素上调用 toString 不是标准行为。要从您应该使用 innerHTML 的元素中获取 html 内容，并仅获取文本内容，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，试过了，结果是messy。

请让 Node 继承自 Object。请

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

在您说服所有浏览器供应商对 DOM 的原生 JS 对象进行标准化之前，您必须使用外部 function Node_getOuterHTML(node) { ... } 并明确调用它，"click this link:"+Node_getOuterHTML(a)。

虽然，通常最好将您创建的节点直接附加到文档中，而不是通过 DOM->HTML-markup->DOM 序列化和解析周期发送它，它目前正在经历innerHTML .