Javascript obtenir intérieure texte HTML pour la durée de par le nom de classe

C'est le format de base du code de la table est contenu dans un div nommé

<div class="leftCol">    
.....
<tr id="my_cd">
<td><span class="agt_span">My Code</span></td>
</tr>
.....
</div>

J'ai besoin d'être en mesure d'obtenir ce texte est contenu dans l'espace de la classe, dans ce cas, j'ai besoin de tirer sur le texte "Mon Code" puis d'ajouter que dans un tableau. Ajouter du texte dans un tableau n'est pas la question qui est facile, mais je ne peux pas comprendre comment extraire le texte. Peu importe ce que j'essaie je ne peux pas obtenir quoi que ce soit, mais un 'undefined' valeur.

Comment puis-je obtenir à l'Intérieur du texte HTML de la valeur pour une durée de par le nom de classe?

Première Question résolu merci!!

Deuxième question étendre sur la première: 

<div class="leftCol">    
.....
<tr id="my_cd">
  <td><span class="agt_span">My Code</span></td>
  <td>
    <div>
      <select name="agt_drp" id="agt_drp" class="agt_drp">...</select>
    </div>
  </td>
</tr>
</div>

Disons que j'ai le select id "agt_drp" et je veux obtenir la durée de texte de la classe. Est-il possible de faire cela?

  • $('span.agt_span').html()...
  • J'ai ajouté un violon ayant à la fois jquery et Javascript. jsfiddle.net/1xnkr0fx
InformationsquelleAutor George Gervin | 2015-06-23
  1. 6

    Jquery:

    var test = $("span.agt_span").text();
alert(test):

    Javascript:
    http://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp

    InformationsquelleAutor NubPro
  2. 3

    de vanille dans le javascript, vous pouvez utiliser getElementsByClassName():

    var htmlString = document.getElementsByClassName('agt_span')[0].innerHTML;

    https://jsfiddle.net/ky38esoo/

    Avis de l'index derrière la méthode.

    InformationsquelleAutor Konstantin
  3. 1

    JQuery: 

    $('span.agt_span').text();

    Pur JavaScript (vous devez spécifier la position de votre classe à l'élément: [0] pour obtenir le premier):

    document.getElementsByClassName('agt_span')[0].innerHTML;

    Si vous avez plusieurs éléments avec cette classe, vous pouvez faire une boucle sur elle:

    var elts = document.getElementsByClassName('agt_span');
for (var i = 0; i < elts.length; ++i) {
    alert(elts[i].innerHTML);
}
    InformationsquelleAutor Magicprog.fr
  4. 0

    Si getElementsByClassName semble être soutenue par tous les principaux navigateurs, qui est maintenant à l'argument de l'utiliser. Pour garder votre code compatible et utilisable, à mieux utiliser le Standard du W3C DOM Niveau 3 de Base. Le Document IDL ne permet pas de décrire une méthode de ce genre là!

    Veuillez utiliser

    var table = document.getElementById("my_cd"); /* id is unique by definition! */
var spans = table.getElementsByTagName("span");
var txt;

for(i in spans) {
    if(spans[i].getAttribute("class").contains("agt_span")){
        txt = spans[i].firstChild; /* a span should have only one child node, that contains the text */
    }
}
return txt;

    Cette méthode n'est pas parfaite, que vous avez réellement besoin de diviser les spans[i].getAttribute("class").split(" ") sur l'espace de chars et de vérifier si ce tableau contient "agt_span".

    Par la route: innerHTML est pas DOM Attribut de trop. Mais vous pouvez mettre en œuvre quoi que ce soit dans une compatible et de manière flexible à l'aide de DOM du W3C, et vous serez sûr d'écrire efficace et compatible code.

    Si le js programmeurs avaient utilisé le W3C Documents et s'il n'y avait pas d'Internet Explorer pour casser toutes les ECMAScript et des règles W3C, il n'y aurait jamais eu beaucoup d'incompatibilités entre toutes ces versions du navigateur.

    InformationsquelleAutor ikrabbe