JavaScript RegEx pour les balises div

J'ai une variable JavaScript qui est titulaire d'une page HTML et en raison de la configuration j'ai besoin d'extraire tout le contenu entre <div id="LiveArea"> et </div> à partir de cette variable à l'aide de JavaScript.

Toute aide est grandement appréciée.

InformationsquelleAutor | 2008-11-13

javascript regex

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);

InformationsquelleAutor SoSo

3

Cela devrait le faire:
```
pattern = /<div id="LiveArea">(.*?)<\/div>/;
matches = your_html_var.match(pattern);
the_string = matches[0];

document.write(the_string);
```
- Devrait être matches[1] pour obtenir la partie à l'intérieur de la div. Et en effet, on doit espère qu'il n'y est pas du div... Peut-travail sur le contexte bien défini.
- Qui ne fonctionne pas, car la fin du match pourrait correspondre à une balise de fermeture qui n'est pas (nécessairement) correspondent à votre balise d'ouverture. Si vous faites l'expression paresseux il pouvait s'arrêter sur une clôture div à l'intérieur de LiveArea; si elle est gourmande, elle s'arrête à la dernière clôture div, encore une fois, n'est pas forcément celle qui correspond à votre ouverture div. Aussi, PhilLho est droit: matches[0] tiendra le modèle adapté et matches[1] de maintenir votre capture d'un groupe.
InformationsquelleAutor Jeremy Ruten
3

Ce ne sera pas possible avec juste une expression régulière sauf le code HTML à l'intérieur de cette div contient pas d'autres divs. Parce que ce qui va arriver avec un modèle du type de Jeremy, c'est qu'il aura match de clôture de la première balise div, ce qui ne serait pas nécessairement être la balise de fermeture de la div#LiveArea élément.

Si vous avez le contrôle sur la source HTML, vous pouvez insérer un commentaire que vous pourriez utiliser pour faire correspondre pour le corriger "fermeture" de l'emplacement.

Il y a d'autres javascript options, mais ils sont très encombrants ou hacky
1. Définir le innerHTML d'un élément masqué égal à cette chaîne de contenu, PUIS tirez le innerHTML vous avez besoin d'aide mmattax de la solution. Mais vous aurez probablement à effectuer la 2ème étape ici, avec un délai d'expiration pour donner le navigateur de temps pour évaluer ce nouveau format HTML et l'exposer à la DOM.
2. Fait analyser le contenu, en gardant la trace de l'ouverture/fermeture des divs que vous venez à travers eux de sorte que vous saurez alors quand vous êtes à la bonne </div> tag.
InformationsquelleAutor Peter Bailey
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;
   }
}
```
- Pourquoi est-ce être votées? Il n'a même pas de travail. HTMLElement.getElementById() n'est pas une norme méthode DOM. Si cette solution s'appuie sur une 3ème partie de la bibliothèque, alors la réponse doit indiquer comme tel.
- Tout à fait raison, pour une raison que je pense que Élémentshtml avait getElementById sur eux (Ils doivent), j'ai corrigé d'une manière qui fonctionne.
- Je suis d'accord, ils devraient être en mesure de méthode. Encore, cette solution suppose que la div#LiveArea sera effectivement un nœud enfant, et non pas un descendant plus profondément, ce qui peut ne pas être le cas w/de la source HTML.
InformationsquelleAutor FlySwat
1

Je ne suis pas sûr que je vous suivre quand vous dites, "variable Javascript qui est titulaire d'une page html", mais Si vous avez besoin d'extraire le code HTML entre un div, vous pouvez utiliser l'élément de la propriété innerHTML.
```
var e = document.getElementById('LiveArea');
if(e) alert(e.innerHTML);

 
```
- Je vous remercie, mais il n'est pas possible, car je détiens la page dans une variable.
InformationsquelleAutor mmattax

J'ai trouvé ce l'article en surfant sur le web qui prennent un DIV id et l'affiche sur une nouvelle page pour l'imprimer;

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" >')
pp.document.writeln('<LINK href=PrintStyle.css ' + 
                    'type="text/css"  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>');

}

Vous appelez ce script d'envoi de la DIV id que vous souhaitez obtenir;

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

Cela a fonctionné exactement comme je le voulais. Espérons que cela aide

InformationsquelleAutor Nelson Miranda

0

il semble que javascript n'est pas en charge lookbehinds qui est très décevant, qui ferait de ce problème de manière beaucoup plus facile à résoudre.

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

voici quelques liens qui pourraient vous aider tho.
- correspondance des balises html
- imitant lookbehinds en javascript
bien que tout en discutant de la question de balises imbriquées... qui serait au-delà des capacités de regex pour résoudre de manière de jeremy qui est la meilleure solution que vous pouvez faire avec les regex. et quoi de plus, ils doivent être sur une seule ligne... il n'a même pas de match si le contenu de la div sont séparées sur les lignes, car il n'y a pas de " s " drapeau pour le javascript. Je pense que pierre a donné la réponse pour celui-ci.

InformationsquelleAutor Victor
0

Laisser jQuery faire l'analyse pour vous:
```
$(page_html).find("#LiveArea").html();
```
InformationsquelleAutor Magnar
0

Utiliser l'expression régulière suivante:
```
<div id="[^"]*">(.*?)</div>
```
InformationsquelleAutor Supriya Gopalakrishnan
-2

Désolé pour le retard de réponse, si quelqu'un trébuche sur ce problème, voici ma suggestion, en supposant que vous avez accès à la page que vous lisez à partir du code source.

Ajouter un HTML-commentaire comme celui-ci
```
<div id="LiveArea">

Content here

</div>
```
Puis de l'apparier avec
```
htmlVal.match(/<\!\-\-LiveArea"\-\->(.*?)<\!\-\-EndLiveArea"\-\->/);
```
InformationsquelleAutor Jonas

Vous devez vous connecter pour publier un commentaire.