Ändern Sie den Stil aller Elemente mit getElementsByTagName()

Ich bin Recht neu in javascript und nicht in der Lage gewesen um diesen code zu erhalten, um zu arbeiten und ich bin unsicher waren und was ich bin fehlt.

So, hier ist, was ich will, es zu tun. Ich bin versucht zu haben das Skript gelesen, alles, und schalten Sie die Sichtbarkeit der Spanne, die im Körper

<body> 
   <span hidden>A</span>     
   <span>X</span>
   <span hidden>B</span>
   <span>Y</span>
   <span hidden>C</span>
   <span>Z</span>
</body>

So zu Lesen, anstatt 'X Y Z' zeigt es 'A B C'

Den code, den ich habe, so weit ist..

$(function() {

    var elems = document.getElementsByTagName('span');

    for (var i = 0; i<elems.length; i++) {
        if (elems[i].style.visibility == 'visible') {
            elems[i].style.visibility = 'hidden';    
        }
        else {
            elems[i].style.visibility = 'visible';
        }
    }

});

Hier ist die jsfiddle meinem code. Ich würde es sehr angemessen, etwas feedback oder möglichen threads, vielleicht zeigen Sie mir in die richtige Richtung.

Sie buchstabiert visible falsch in Ihrem jsFiddle, und Sie haben zu viele } in deinem jsFiddle
und ein misisng ; in seinen for-Schleife.
sorry bout, kopiert über die falsche jsFiddle Bearbeiten irgendwie. sein sollte, was ich jetzt

InformationsquelleAutor pancakes | 2013-06-27

  1. 8

    Bist du mit dem HTML5 - hidden Attribut, so sollten Sie einfach umkehren, Eigenschaft.

    for (var i = 0; i<elems.length; i++) {
    elems[i].hidden = !elems[i].hidden;
}

    DEMO: http://jsfiddle.net/TEXJp/

    Wenn Sie auf der style Objekt, dann müssen Sie berücksichtigen, dass es nur Berichtsformate, die eingerichtet wurden, direkt auf das element. Also dein test sollte für == "" statt == "visible" oder für == "hidden" wenn Sie tatsächlich setzen Sie es auf die ursprünglichen Elemente.

    <span style="visibility:hidden;">H</span>   
<span>V</span>

<span style="visibility:hidden;">H</span>
<span>V</span>

    var elems = document.getElementsByTagName('span');

for (var i = 0; i < elems.length; i++) {
    if (elems[i].style.visibility === "hidden") {
        elems[i].style.visibility = "visible";
    } else {
        elems[i].style.visibility = "hidden";
    }
}

    DEMO: http://jsfiddle.net/TEXJp/1/

    Danke, das beantwortet es perfekt. Hatte nicht erwartet, eine Antwort so schnell. Sie haben es sogar geschafft, greifen die ersten jsFiddle, bevor ich merkte, es war falsch eingerichtet. Das muss schon fast eine minute nachdem ich gepostet.

    InformationsquelleAutor

  2. 1

    wenn behoben-code: 

    $(function () {


    var elems = document.getElementsByTagName('span');

    for (var i = 0; i < elems.length; i++) {
        if (elems[i].style.visibility == 'hidden') {
            elems[i].style.visibility = 'visibile';
        } else {
            elems[i].style.visibility = 'hidden';
        }
    }

});

    War es einfach nur ein fehlender ; und ein } zu viel

    InformationsquelleAutor raptor

  3. 0

    Änderte ich deinen code ein wenig und nun scheint es zu funktionieren.

    <body> 
   <span style="visibility: hidden;">A</span>     
   <span>X</span>
   <span style="visibility: hidden;">B</span>
   <span>Y</span>
   <span style="visibility: hidden;">C</span>
   <span>Z</span>
</body>

    $(function() {

    var elems = document.getElementsByTagName('span');

    for (var i = 0; i<elems.length; i++) {
        if (elems[i].style.visibility == 'hidden') {
            elems[i].style.visibility = 'visible';    
        }
        else {
            elems[i].style.visibility = 'hidden';
        }
    }

});

    Das problem ist, dass Sie mit dem html-Attribut hidden, aber Sie ändern das css-Attribut hidden. Ich änderte Ihren HTML-code zu setzen, versteckt, wie eine css-Eigenschaft anstelle einer HTML-Eigenschaft. Auch wechselte ich die if-else-block und es hat funktioniert. Ich denke der Stil.Sichtbarkeit ist nicht initialisiert, bis Sie ihm einen Wert. Es entspricht null, nicht visible.

    InformationsquelleAutor Maxime

  4. -1

    Haben Sie ein paar syntax-Fehler, einschließlich eine unübertroffene geschweiften Klammer und Komma in deine for-Schleife definition anstatt eines Semikolons.

    Sich auch Ihre html-bezieht sich auf das hidden-Attribut, aber dein javascript ist die änderung der Sichtbarkeit über Stile.

    Hier ist eine funktionierende Gabel. http://jsfiddle.net/yPU2T/1/

    var elems = document.getElementsByTagName('span');

for (var i = 0; i < elems.length; i++) {
    elems[i].hidden = !elems[i].hidden;
}

    InformationsquelleAutor recursive

  5. -3

    Du mit Hilfe von jquery, so dass keine Notwendigkeit, um Elemente, die Art und Weise Sie Tat es

        $(document).ready(function () {
    var elems = $('span.hidden');
    elems.hide();


})

    InformationsquelleAutor Euphe

Schreibe einen Kommentar