I have a string like this:
var str="<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title></title></head><body><table><tr><td style="color:#FF0000">demo1</td><td style="color:#FF0000">demo2</td></tr></table></body></html>";
I have to get the contents inside all td elements alone using regular expression in JavaScript. My output should be:
var str="demo1 demo2"
How to do this? Any idea?
what about
var str = document.body.innerText || document.body.textContent;
Use a regular expression like /<td[^>]*>(.*?)</td>/ to get the contents of the cells, then concatenate them with spaces between.
var str='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title></title></head><body><table><tr><td style="color:#FF0000">demo1</td><td style="color:#FF0000">demo2</td></tr></table></body></html>';
var resultM=new Array(), pattern=/<td[^>]*>(.+)<\/td>/, match;
while(match=pattern.exec(str))
{
resultM.push(match[1]);
}
var result=resultM.join(" ");
Putting it all together you'll get this one:
var str='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title></title></head><body><table><tr><td style="color:#FF0000">demo1</td><td style="color:#FF0000">demo2</td></tr></table></body></html>';
var resultM=[], pattern=/<td[^>]*>(.*?)<\/td>/g, match;
while(match=pattern.exec(str))
{
resultM.push(match[1]);
}
var result=resultM.join(" ");
console.log(result); // demo1 demo2
You can't reliably parse HTML with regexp. Looking for “<td[^>]*>” might work for the example you gave, but anything out of the ordinary, like ‘>’ in an attribute value, or ‘<td’ in a comment, or omitted close tags, would confuse it.
The best thing to do would be to change the server-side so that it returns the data in a way that is more convenient for JavaScript to read — normally JSON.