jQuery-Konsole.log () - vs-alert()

jQuery-code:

$(document).bind('click', function(e) {
    console.log(e.target);
    alert(e.target);
});

Den e.target enthält den Namen des Objekts, das angeklickt wird.
Für die demonstration, wenn ich Sie auf ein input-element, der obige code druckt die folgenden :
Für console.log():

<input class="buton" type="submit" value="Send" name="Send">

Für alert():

[object HTMLInputElement]

Allerdings, wenn ich ersetzen console.log(e.target) mit console.log(e.target.toString()), druckt es die gleiche Sache wie alert() Bedeutung:

[object HTMLInputElement]

Mein Anwendungsbereich ist die Speicherung der HTML-code zurückgegeben console.log() in eine variable, aber ich kann nicht verstehen, das Verhalten.

InformationsquelleAutor Schutzstaffel | 2012-09-28

  1. 2

    In der Ereignisprozedur e.target ist das element, das Sie auf Ihren Ursprung aus. Die meisten browser-Konsolen-Anzeige diese als html-string, das das element darstellt.

    Wenn Sie alert das argument geliefert wird in einen string umgewandelt, so werden Sie sehen [object HTMLInputElement].

    Man die HTML eines Elements:

    alert(e.target.outerHTML);

    InformationsquelleAutor steveukx

  2. 1

    console.log ist nützlich, wenn Sie möchten, um zu sehen, die die Eigenschaften eines Objekts, aber alert() zeigt nur den Typ eines Objekts, wenn Sie wollen, um zu sehen, das eigentliche html-element, die Sie verwenden können outerHTML - Eigenschaft des DOM-Element-Objekts:

    alert(e.target.outerHTML);

    http://jsfiddle.net/phLVu/

    Wie kann ich die debug-variable, ohne console.log? Datentyp, der Werte, der alles gespeichert wird. Sowas wie print_r() in PHP.
    Es gibt keine solche Methode in JavaScript, die Sie verwenden können for in Schleife, und Lesen Sie die Eigenschaften eines Objekts, sondern mit Konsole.log ist der beste Weg.

    InformationsquelleAutor undefined

  3. 1

    Sehen diese andere Frage ALSO :

    Verwenden Sie den outerHTML Attribut.

    $(document).bind('click', function(e) {
    alert(e.target.outerHTML);
});

    siehe jsFiddle hier : http://jsfiddle.net/xhHPb/

    Bitte beachten Sie, dass outerHTML ist nicht ein Attribut eines Elements. Es ist eine Eigenschaft. Wenn Sie mit jQuery 1.6+, die Sie verwenden möchten .prop() statt .attr().
    ja, einfach zu Bearbeiten und Sie zu entfernen 😉 danke
    Schön 🙂 Jetzt habe ich es verstanden, ganz klar!
    du bist willkommen 🙂

    InformationsquelleAutor palmplam

  4. 0

    Dem Konsolen-tool zeigt ein Objekt in der Art und Weise der designer dachte, war es sinnvoll, es nicht einfach rufen Sie die toString() - Methode das Objekt, im Gegensatz zu alert.

    Wenn Sie möchten, um den HTML-code Ihrer Zielgruppe, machen Sie einfach

    var html = e.target.outerHTML;
    Würden Sie nicht brauchen, wickeln Sie es mit jQuery erste vor dem Aufruf html()? Auch würde nicht html() gibt nur das innere HTML? (anstatt das ganze)
    Rechts, behoben.
    Danke! Gelernt, über outerHTML zu :-). Funktioniert!

    InformationsquelleAutor Denys Séguret

Schreibe einen Kommentar