In a userscript i am getting [object XrayWrapper [object HTMLSpanElement]] instead of html span tag.
How can i get the html tag like <span>--</span> from this object?
2 Answers
The only difference is in the toString() method, which determines what happens when you try to turn an object into a primitive. You didn't state what you want to do, but if you're trying to turn a DOM object into HTML textual representation, then the outerHTML property should provide you with what you need.
var element = document.createElement("span");
element.appendChild(document.createTextNode("text"));
alert(element.outerHTML); // returns "<span>text</span>"
-
Can this be done without using document.createElement as i am including this code in the hook created for document.createElement this is becoming a never ending loop. can any one help– UserPinkMay 29, 2012 at 4:09
-
In the above solution where should i add the code which shows [object XrayWrapper [object HTMLSpanElement]]– UserPinkMay 29, 2012 at 4:15
-
This was just an example. Simply refer to
object.outerHTMLinstead ofobjectin your code.– WitikoMay 29, 2012 at 9:41 -
object.outerHTML retrieves the tag but how to obtain the innerHTML of the object without creating a new Element. i tried using object.innerHTML but it is showing undefined– UserPinkMay 29, 2012 at 10:49
-
I see. It would appear that the
XrayWrapperused by Greasemonkey to wrap aroundDOM Elementsis quite an imperfect wrapper, since it doesn't really support theinnerHTMLgetter/setter. I wrote you a simplisticinnerHTMLimplementation, call it like this:html(element). It ignores everything but elements, attributes and text nodes, but it should serve its purpose as long as theXrayWrappersupports the otherDOM attributesI use in the function. pastebin.com/9LYPU67r– WitikoMay 29, 2012 at 16:03
In the desired html element, just access the innerText property.
ex: element.innerText
<span<--</span>in chrome but in firefox the output is shown in[object XrayWrapper [object HTMLSpanElement]]object format