-1
votes

Comment sortir de la balise parent et obtenir le innerhtml de la balise suivante avec JavaScript?

Je voudrais obtenir la valeur "450" à côté de la balise forte avec "Total:" dedans. Je ne peux pas sembler l'identifier. J'ai essayé d'utiliser Parentnode, etc. et je ne trouve pas la bonne combinaison. Serait grille

Voici un jsfiddle de celui-ci - https://jsfiddle.net/smduy1w3/ P>

var aTags = document.getElementsByTagName("strong");
var searchText = "Total:";
var found;

for (var i = 0; i < aTags.length; i++) {
  if (aTags[i].textContent == searchText) {
    found = aTags[i];console.log(found.previousNode);
    break;
  }
}

javascript dom

0 commentaires

3 Réponses :

1
votes

Ici, vous pouvez vérifier ma solution. Je viens de rechercher l'élément avec une balise code> forte code> avec le texte "Total", puis découvrez le frère suivant suivant à l'aide de Nextsibling Code> et qui a fait le travail pour moi.

<table>
      <tfoot>
        <tr>
          <td colspan="4" class="text-right"><strong>Sub-Total:</strong></td>
          <td class="text-right">Â£450.00</td>
        </tr>
        <tr>
          <td colspan="4" class="text-right"><strong>Total:</strong></td>
          <td class="text-right">Â£450.00</td>
        </tr>
      </tfoot>
    </table>

0 commentaires

0
votes

Essayez ceci:

<tfoot>
  <tr>
    <td colspan="4" class="text-right"><strong>Sub-Total:</strong></td>
    <td class="text-right">Â£450.00</td>
  </tr>
  <tr>
    <td colspan="4" class="text-right"><strong>Total:</strong></td>
    <td class="text-right">Â£450.00</td>
  </tr>
</tfoot>

0 commentaires

1
votes

Je pense que vous avez quelques problèmes avec votre code:

Premièrement, pour une raison quelconque, vous devez envelopper votre HTML à l'intérieur d'un

 tag, ou bien le HTML ISN ' t correctement analysé.   second, l'ancrage de recherche   total:   est un nœud enfant de son noeud parent

et la cible

£ 450.00 est un frère de ce parent, et non comme vous l'avez eu dans votre code.

Ainsi, en supposant que votre HTML est corrigé, vous devez modifier xxx

à xxx p> second, je soutiendrais cela Utiliser XPath est un moyen plus propre d'atteindre votre cible; Quelque chose le long de ces lignes: xxx

0 commentaires