Javascript: Vérifier si un nom de classe existe

<div class="Trade">
    <div id="Offer">
        <div class="NoResults">No Result!</div>
        <div class="FooterPager"> <span id="Offer"><a disabled="disabled">First</a>&nbsp;<a disabled="disabled">Previous</a>&nbsp;<a disabled="disabled">Next</a>&nbsp;<a disabled="disabled">Last</a>&nbsp;</span>
        </div>
    </div>
</div>

Voici mon code javascript:

function Check(){
return !(iframe.contentDocument.getElementById("Offer").firstElementChild.tagName.toLowerCase() == "table");
}

Est-il possible de retourner une valeur true ou false pour vérifier si la classe "NoResult" existe? Si oui, comment dois-je faire? Vous les gars rochers. Je ne peux pas changer le codage HTML, seul le javascript.

InformationsquelleAutor user2276965 | 2013-05-10
  1. 19

    Utilisation classList.

    var hasClass = element.classList.contains('some-class');

    Lectures Complémentaires (avertissement: lien vers mon propre post).

    Si pas pris en charge dans vos plates-formes cibles, alors essayez...

    var hasClass = (" " + element.className + " ").indexOf(" some-class ") > -1;
    • +1 pour classList
    • Malheureusement, même IE9 ne prend pas en charge que 🙁
    • Ahhh, vous avez raison, il ne le supporte pas. Pour quelqu'un d'autre qui veulent savoir de soutien, le vérifier ici
    • quel est l'élément? peut faire div.classList ?
    • Si div est une référence à un HTMLElement, alors oui.
    InformationsquelleAutor alex
  2. 1
    if ( ~(' ' + element.className + ' ').indexOf(' NoResult ') ) {
    //here you go. You've got that class...
}
    InformationsquelleAutor Joseph Silber
  3. 1

    En Javascript sans utiliser une librairie comme jQuery, vous pouvez le faire par:

    (' ' + MyElement.className + ' ').indexOf(' MyClassName ') != -1

    Cette évalue à true lors de l' "MyClassName" apparaît n'importe où par elle-même à l'intérieur de la chaîne, telles que définies sur le className propriété.

    Dans votre cas particulier, quelque chose comme:

    function Check()
{
    //Returns true when it exists
    return (' ' + iframe.contentDocument.getElementById('Offer').firstElementChild.className + ' ').indexOf(' NoResults ') != -1;
}

    Il y a déjà une erreur dans ma réponse où il aurait tort d'identifier une correspondance partielle comme l'a souligné dans les commentaires. Fondamentalement, vous devez tenir compte dans la vérification que le nom de la classe est tout. Une belle façon de le faire (comme les autres réponses montrent), c'est que si vous les espaces avant et après l'intégralité de la className de la propriété et de la classe que vous recherchez, il trouvera toujours l'ensemble de la classe.

    Alors que cela fonctionne, je recommande Alex réponse comme tout classList n'est pas disponible dans tous les navigateurs (<= IE9 et quelques autres), il est plus propre solution au problème.

    InformationsquelleAutor Turnerj
  4. 0

    Comment vérifier si un élément a une classe pour tous les navigateurs:
    JQuery 1.6 ou inférieur

        if($("#ElementId").attr('class').indexOf('ClassName') > -1)

    JQuery 1.6 ou supérieur

        if($("#ElementId").prop('class').indexOf('ClassName') > -1)

    Ou, si vous n'allez pas l'utiliser c'est à dire à tous les

        if($("#ElementId").prop('class').includes('ClassName'))
    InformationsquelleAutor Juan Sebastian Montoya Contrer