I'm looking for the Javascript to parse the following HTML:
<p>random text random text random text random text</p> <kbd><h2>Heading One</h2>Body text Body text Body text Body text</kbd> <p>random text random text random text random text</p> ... and return just:
Heading One In other words, I'd like to strip all tags and Body Text from within the <kbd> tags.
Any ideas would be greatly appreciated!
var input = /* that HTML string here */; var div = document.createElement('div'); div.innerHTML = input; var h2 = div.getElementsByTagName('h2')[0]; var text = h2.innerText || h2.textContent; alert(text); // alerts "Heading One" document.createElementinnerHTMLelement.getElementsByTagNameNode.textContent (Quirksmode compatibility table)Regex?
var s = "<p>random text</p>\n" + "<kbd><h2>Heading One</h2>Body text</kbd>\n" + "<p>random text</p>"; s.match(/<h2>(.*?)<\/h2>/)[1] // == "Heading One" This matches group one as the shortest possible (.*?) string between <h2>...</h2>.
You can find all matches using the g option.
s.match(/<h2>(.*?)<\/h2>/g) // == ["<h2>Heading One</h2>"] Note that groups are not accessible.
For multiline content between tags, use
s.match(/<tag>[\s\S]*?<\/tag>/ig) if you include jquery (jquery.com) you can do this:
var heading=$("h2").html(); 
