Geek Answers Handbook

JavaScript RegEx for div tags

I have a javascript variable that contains an html page, and because of the setup, I need to extract everything from <div id="LiveArea">and </div>from this variable using javascript.

Any help is greatly appreciated.

+5
source share
10 answers
var html = "<stuff><div id=\"LiveArea\">hello stackoverflow!</div></stuff>";

var matches = html.match(/<div\s+id="LiveArea">[\S\s]*?<\/div>/gi);
var matches = matches[0].replace(/(<\/?[^>]+>)/gi, ''); // Strip HTML tags?

alert(matches);
+7
source

This should do it:

pattern = /<div id="LiveArea">(.*?)<\/div>/;
matches = your_html_var.match(pattern);
the_string = matches[0];

document.write(the_string);
+3
source

, HTML div div. , , Jeremy, , div, div # LiveArea.

HTML, , "" .

javascript,

  • innerHTML , , THEN innerHTML, mmattax. , , -, HTML- DOM.
  • , / divs, , , </div>.
+2
var temp = document.createElement('DIV');
temp.innerHTML = YourVariable;
var liveArea;
for (var i = 0; i < temp.childNodes.length; i++)
{
   if (temp.childNodes[i].id == 'LiveArea')
   {
       liveArea = temp.childNodes[i];
       break;
   }
}
+2

, , : " Javascript, html-", HTML- div, element innerHTML.


var e = document.getElementById('LiveArea');
if(e) alert(e.innerHTML);
+1

, DIV ;

function getPrint(print_area)
{
//Creating new page
var pp = window.open();
//Adding HTML opening tag with <HEAD> … </HEAD> portion 
pp.document.writeln('<HTML><HEAD><title>Print Preview</title>')
pp.document.writeln('<LINK href=Styles.css type="text/css" rel="stylesheet">')
pp.document.writeln('<LINK href=PrintStyle.css ' + 
                    'type="text/css" rel="stylesheet" media="print">')
pp.document.writeln('<base target="_self"></HEAD>')

//Adding Body Tag
pp.document.writeln('<body MS_POSITIONING="GridLayout" bottomMargin="0"');
pp.document.writeln(' leftMargin="0" topMargin="0" rightMargin="0">');
//Adding form Tag
pp.document.writeln('<form method="post">');

//Creating two buttons Print and Close within a HTML table
pp.document.writeln('<TABLE width=100%><TR><TD></TD></TR><TR><TD align=right>');
pp.document.writeln('<INPUT ID="PRINT" type="button" value="Print" ');
pp.document.writeln('onclick="javascript:location.reload(true);window.print();">');
pp.document.writeln('<INPUT ID="CLOSE" type="button" ' + 
                    'value="Close" onclick="window.close();">');
pp.document.writeln('</TD></TR><TR><TD></TD></TR></TABLE>');

//Writing print area of the calling page
pp.document.writeln(document.getElementById(print_area).innerHTML);
//Ending Tag of </form>, </body> and </HTML>
pp.document.writeln('</form></body></HTML>');

}

script DIV, ;

btnGet.Attributes.Add("Onclick", "getPrint('YOURDIV');")

, . , .

0

, javascript lookbehinds, , .

(?<=<div id="LiveArea">).*(?=<\/div>)

, .

... , jeremy , , . , ... , div , javascript 's'. , .

0

jQuery :

$(page_html).find("#LiveArea").html();
0

:

<div id="[^"]*">(.*?)</div>
0

Sorry for the late answer, if anyone else came across this problem, here is my suggestion, assuming you have access to the page that you are reading from the source code.

Add an HTML comment like this

<div id="LiveArea">
<!--LiveArea-->
Content here
<!--EndLiveArea-->
</div>

Then match it to

htmlVal.match(/<\!\-\-LiveArea"\-\->(.*?)<\!\-\-EndLiveArea"\-\->/);
-2
source

More articles:


All Articles