Wie man innerHTML des Elements in javascript?

Ziemlich einfache Frage. Ich habe ein element (ein tag), die hat ein onclick-Aufruf einer javascript-Funktion. Unter anderem möchte ich diese Funktion auf der echo-innerHTML des Elements, von dem es aufgerufen. Also, in diesem Fall, das innerHTML der atag.

Wie mache ich das?

InformationsquelleAutor David | 2011-10-06

  1. 8
    <element onClick="alert(this.innerHTML);"> ... </element>
    Wirklich? Inline-event-Handler. Sie auch camelCase. Das ist nicht cool gewesen, seit 1872.
    Who cares? Es funktioniert, nicht wahr?
    "Es funktioniert" ist nicht genug. Der Grund dafür, dass ging aus der Mode ist, weil es ist schlechte Praxis.
    this.innerHTML ist der wichtige Teil, es ist also eine gültige Antwort.
    +1 Nichts falsch mit inline-Handler. Sie können sehr nützlich sein, und lösen oder vereinfachen einige Probleme.

    InformationsquelleAutor Niet the Dark Absol

  2. 2

    markup:

    <element id="foo"> ... </element>

    js:

    document.getElementById('foo').addEventListener('click', fn);

function fn(){ alert(this.innerHTML); }

    http://jsfiddle.net/g7Bau/2/

    Die wichtige Sache hier zu beachten, die im wesentlichen die Antworten auf Ihre Frage, ist, dass die Ereignis-listener, wenn Sie aufgerufen hat, bindet this auf die DOM-Knoten, der das Ereignis ausgelöst hat, um das Feuer. So können wir this in der Funktion und es ist generisch. Man könnte hinzufügen, ein anderes element, und binden Sie ein Klick-listener auch mit fn und die eine Funktion würde die Arbeit für die beiden Elemente.

    ('click', fn, false)
    du hast Recht. Der trend in allen gängigen Browsern zu machen, ist es optional, obwohl, gemäß der HTML5-Spezifikation. Dies ist eindeutig nicht eine cross-browser-Lösung, seit <IE9 dies gar nicht arbeiten...

    InformationsquelleAutor davin

Schreibe einen Kommentar