Comment vérifier si l'attribut de style HTML existe avec javascript

J'essaie de savoir si un élément a un attribut de style en ligne ou non:
Je suis sûr qu'il ya une méthode simple pour vérifier cela, mais je n'arrive pas à le trouver.
J'ai essayé plusieurs choses, déjà, y compris ce:

var contentWrapper = document.getElementById("contentWrapper");
if(contentWrapper.style.display.toString=="")
alert("Empty");
else
alert("Not Empty");

Merci pour votre aide!

double possible de Comment puis-je vérifier si l'attribut existe ou pas en Jquery
getAttribute('style')
Aussi, soyez prudent lors de l'appel de fonctions assurez-vous d'ajouter entre parenthèses. display.toString == "" est de comparer les fonction , si vous voulez comparer le valeur de retour de la fonction. Il devrait être display.toString() == "". (Non pas que vous avez besoin .toString() ici de toute façon, comme display est déjà une chaîne de caractères, mais c'est une autre raison pour laquelle votre code peut échouer)
Les deux doublons liés fournir des solutions en jQuery qui n'est pas explicitement demandé par l'utilisateur; par conséquent, ce n'est pas un doublon de l'une de ces questions.

OriginalL'auteur Biffy | 2013-09-05

  1. 1
    if(!contentWrapper.getAttribute("style"))

    OU

    if(contentWrapper.getAttribute("style")==null || 
   contentWrapper.getAttribute("style")=="")

    les lignes ci-dessus va travailler pour vous (n'importe qui peut être choisi).

    En seconde solution:

    vérifiez d'abord les montres si style attribute est présent dans l'élément, 2ème contrôle permet de s'assurer que style attribute n'est pas une empty string par exemple <div id="contentWrapper" style="">

    Code complet est donné ci-dessous:

    var contentWrapper = document.getElementById("contentWrapper");
if(contentWrapper.getAttribute("style")==null || contentWrapper.getAttribute("style")=="")
alert("Empty");
else
alert("Not Empty");

    http://jsfiddle.net/mastermindw/fjuZW/ (1ère Solution)

    http://jsfiddle.net/mastermindw/fjuZW/1/ (2ème Solution)

    Le double contrôle est inutile, puisque les deux, null et '' sont falsey. Aussi, developer.mozilla.org/en-US/docs/Web/API/element.hasAttribute serait le mieux.
    La 2ème est de s'assurer que l'attribut de style n'est pas une chaîne vide par exemple <div id="contentWrapper" style="">
    Je sais, mais ce que je veux dire, c'est que Boolean('') est false. Donc if (!contentWrapper.getAttribute('style')) { //empty } fonctionne pour null ou ''.

    OriginalL'auteur wakqasahmed

  2. 8
    if(contentWrapper.getAttribute("style")){
    if(contentWrapper.getAttribute("style").indexOf("display:") != -1){
        alert("Not Empty");
    } else {
        alert("Empty");
    }
}
    Ce n'est pas si parfait pour commentarisée chaînes comme ceci "/* font-size: 24px; */". Dans ce cas, il fonctionne comme si font-size existe.

    OriginalL'auteur Praind

  3. 0

    J'ai raté @plalx de commentaire la première fois, j'ai scanné cette page.

    if (element.hasAttribute("style"))
{
    var styleText = element.getAttribute("style")
}

    Sur une note connexe, concernant les styles...

    //to get info about the end results of CSS
var computedStyle = element.currentStyle || getComputedStyle(element, null);

    et

    //to iterate over css styles from style tags or linked CSS
for i ...
    document.styleSheets[i].rules ...

//great for searching with
var elements = document.querySelectorAll(rules[i].selectorText);

    OriginalL'auteur jozxyqk