Trouver l'élément à l'aide de son innerHTML

Veuillez jeter un oeil à cette Arborescence DOM...

  <div>

      <div>

            <span>  Home1  </span>

      </div>

      <span>  Home2  </span>

      <span>  Home3  </span>

  </div>

Maintenant, supposons que j'ai un scénario où d'une certaine manière, j'ai obtenu le innerHTML de la première travée Home1.
Est-il possible de rendre l'élément de durée et de sa div parent par l'utilisation de cette seule (Home1) de l'information.

Vous pouvez parcourir chaque élément et de comparer son innerHTML avec celui que vous cherchez? Puis la recherche de la mère, c'est facile.
quelle langue utilisez-vous? Ou est-ce la langue agnostique?
Javascript
boucle parcourant tous les divs est un gros problème. si vous prévoyez de cliquer sur cet élément, c'est facile.si vous nous dites ce que vous voulez, nous pouvons vous donner quelques solutions simples.
Sans un ID ou une classe? Vous auriez à utiliser une expression XPATH.

InformationsquelleAutor DEV | 2014-01-30

2

Il y a de nombreuses façons d'obtenir des informations à propos de vos éléments.

À l'aide de la innerHTML comme identifiant n'est pas une bonne solution.

Vous avez probablement besoin d'une sorte d'événement qui vous fait de la recherche pour "Menu1"

Donc, ici, est un gestionnaire de clic qui travaille également sur d'autres événements que vous donner des informations sur ce que vous avez cliqué.
```
function handler(e){
 var txt='You clicked on a '+e.target.nodeName+'\n';
    txt+='The innerHTML is '+e.target.innerHTML+'\n';
    txt+='The text is '+e.target.textContent+'\n';
    txt+='The parentNode is '+e.target.parentNode.nodeName+'\n';
 alert(txt)
}
document.addEventListener('click',handler,false)
```
DÉMO

http://jsfiddle.net/a4J9U/

Si vous voulez que votre script de recherche pour "Menu1" vous devriez envisager d'ajouter que "Menu1" comme un attribut sur la plage ou parentNode.
```
<div id="Menu1">
 <span>Home1</span>
</div>
```
et ensuite appeler
```
document.getElementById('Menu1');
```
qui est très rapide.

Si vous expliquer plus précisément pourquoi vous devez obtenir qui s'étendent à partir d'une variable je peux ré-élaborer le code.

si vous avez des questions n'hésitez pas.

InformationsquelleAutor cocco
6

Voici ce que vous voulez.

Voici html:
```
<label>opal fruits</label>
```
Voici jQuery:
```
$("label:contains(opal fruits)")
```
- Ce qui vous a fait penser que l'OP utilise jQuery?
- aps il a accepté ma réponse comme correcte 🙂
- Ouais, eh bien, vous ne pouviez pas savoir ce que l'avance 😛 des Réponses à des questions sans bibliothèque de balises doit contenir au moins une solution sans bibliothèques.
- il n'y a pas de balise wen j'ai posté la réponse.
InformationsquelleAutor Zaheer Ahmed

var mySpans = document.getElementsByTagName(span);

for(var i=0;i<mySpans.length;i++){

if(mySpans[i].innerHTML == 'Home1'){

var parent = mySpans[i].parentNode;
break;

}

}

ceci sélectionne la parent de la durée de l'avoir innerHTML Home1

InformationsquelleAutor Green Wizard

1

innerHTML de retour de méthode type de Chaîne. Il n'est pas associé avec l'arborescence DOM.

Vous pouvez utiliser jQuery et il contains sélecteur(violon):
```
$(":contains('Home1')").last()
```
InformationsquelleAutor Pinal

var divRef;  //Reference to the container of your div /span elements
var spans = divRef.getElementsByTagName("span");
var spanContainer;

for(var i = 0; i < spans.length; i++){
    if(spans[i].innerHtml == "Home 1"){
        spanContainer = spans[i].parentNode;
        break;
    }
}

if(spanContainer){
    alert("Element has been found!");
}

InformationsquelleAutor Praind

Vous devez vous connecter pour publier un commentaire.