outerhtml

I would like to retrieve a certain tag element with its attributes from the DOM. For example, from <a href="#" class="class"> link text </a> I want to get <a href="#" class="class"> , optionally with a closing </a> , either as a string or some other object. In my opinion, this would be similar to retrieving the .outerHTML without the .innerHTML . Finally, I need this to wrap some other elements via jQuery. I tried var elem = $('#some-element').get(0); $('#some-other-element').wrap(elem); but .get() returns the DOM element including its content. Also var elem = $('#some-element').get(0); $('

Starting to implement Javascript, I need to do troubleshooting and would like to output HTML to the screen without it being rendered. I can access the element (in IE) by document.getElementById("test").outerHTML I think, but I can't prove what I'm getting to be sure. So what do I do to have document.write show the entire element including tags? Do two things (all of these, not just one): Replace HTML markup with entities: HTML.replace(/&/g, '&').replace(/</g, '<') is enough. Wrap it in <pre></pre> tags so the whitespace is not eliminated and it is shown in a monospace font. You can also alert

Why can not we get outerHTML of an svg element with element.outerHTML property? Is this way is the best http://jsfiddle.net/33g8g/ for getting svg source code? It's not accessible via outerHTML because SVG is not HTML -- it's a separate XML specification . That's why, for example, your svg node in that example has its own namespace defined ( xmlns="http://www.w3.org/2000/svg ). Your example may be the most expedient for a one-off query, but it's actually possible to dig in using native attributes. It just takes a bit more work. Let's use the linked sample node: <svg xmlns="http://www.w3.org