HTMLElement.toString()은 Chrome에서만 작동

Question

FireFox 및 Opera에서 오류가 발생했습니다. (데비안 Whezee, Firefox 9.0.1, Opera 11.60, Chrome 16.0.912.63) 다음과 같이 입력하면 :

이 같은 "[객체는 HTMLElement] 세계"를 얻을이 예상대로

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

크롬에서 당신은 "안녕하세요"로 경고 상자를 얻을 것이다,하지만, 파이어 폭스와 오페라 (IE에 대해 알고하지 않습니다)

이 문제를 해결하기 위해 노력한 내용 :

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

(210)

DOM 요소 객체되지 않습니다 (객체 및 그 기능에서 상속하지 않음) 때문에 그것은 작동하지 않습니다 심지어이 도움이되지 않았다 :

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

는 HTMLElement, 요소, 노드는 모든 인터페이스이기 때문에와 기능이 아닙니다.

내 질문에이 오류를 어디에서보고 할 것입니까? 누군가 이걸로 나를 도울 수 있습니까?

// 편집

이 내 원래의 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

Array 객체를 덮어 쓸 수 toString이 있지만, DOM 요소는이

Array이없는 이유 네이티브 자바 스크립트 객체는 다음과 같습니다 제가 제안 할 수 같아요. ECMAScript 표준은 다른 toString을 프로토 타입에 해킹하는 기능을 포함하여 JS 객체의 작동 방식에 대한 요구 사항을 제시합니다.

그러나 DOM 개체는 native-JS 개체이거나 JS 개체의 일반적인 동작 규칙을 따르는 데 지정되지 않습니다. 그것들은 표준이 '호스트 객체'라고 부르는 것일 수 있습니다.

프로토 타입을 해킹하는 것은 매우 신뢰할 만하며 전혀 좋은 생각이 아닙니다. 하나의 JS 라이브러리 prototype.js가 시도되었고 그 결과는 messy입니다.

노드가 객체를 상속 받도록하십시오. 제발

죄송합니다, Stack Overflow에는 Node이 기본 JavaScript 객체이어야 할 권한이 없습니다!

DOM의 네이티브 JS 객체를 표준화하도록 모든 브라우저 공급 업체를 설득 할 수있을 때까지 외부 function Node_getOuterHTML(node) { ... }을 사용해야하고이를 명시 적으로 "click this link:"+Node_getOuterHTML(a)이라고해야합니다.

일반적으로 생성 한 노드를 innerHTML을 사용하는 DOM-> HTML- 마크 업 -> DOM serialise-and-parse주기를 통해 보내지 않고 직접 문서에 추가하는 것이 좋습니다.