I am getting html content as below:
var test='<div id="test">Raj</div>';
How can i retrieve value Raj from above html content using javascript.
3 Answers
It sounds like you're trying to extract the text "Raj" from that HTML snippet?
To get the browser's HTML parser to do your dirty work for you:
// create an empty div
var div = document.createElement("div");
// fill it with your HTML
div.innerHTML = test;
// find the element whose text you want
test = div.getElementById("test");
// extract the text (innerText for IE, textContent for everyone else)
test = test.innerText || test.textContent;
Or in jQuery:
test = $(test).text();
5 Comments
mplungjan
that jQuery can be vastly refined.
$(test).find("#test").text(); for starters, no?
Ben Blank
@mplungjan — You're right; I was sticking to too literal a translation of the non-jQuery version. :-)
mplungjan
And with a selector rather than find?
mplungjan
okeee, that was very minimalistic ;) A bit like x.innerText where x is a whole lotta html with only one textnode ;)
Ben Blank
@mplungjan — Yeah, I was originally thinking about situations like
<div id="foo">Foo</div><div id="bar">Bar</div> and needing to get each bit of text separately, but that's rather more complicated than what the OP is asking for, even if I'm right about what he's trying to do. ;-)If you use jQuery (I cannot believe I just said that ;)) you can get at the content immediately you wrap it in $(test).html
Someone else will tell you how to get at the innerHTML using a selector since everybody here are jQuery gurus but me
Update: somebody just did while I was editing: javascript: extracting text from html - see comments or updates to that
var test = getElementById('test')
try that
Comments
var test='<div id="test">Raj</div>'; ???