Javascript get-child-Knoten eines div

HTML-code:

<div id="section">
  <div id="title" onclick="hideBody()"></div>
  <div id="body"></div>
</div>

Wie kann ich auf die id="body" element mit this....?

BEISPIEL:

this.parent.child[1];

  • möglich, Duplikat der Immer die ID des Elements, das ein Ereignis ausgelöst mit jQuery
  • was ist "dieses"? Mehr Informationen liefern.
  • schau dir das Beispiel an
  • Da es eine id, warum nicht einfach document.getElementById('body')? ID ' s nicht doppelt vorkommen...
  • Ohne jQuery?
  • Es gibt mehrere Abschnitte
  • Sie können var body = this.querySelector("#body") wenn man davon ausgehen kann querySelector unterstützt wird und die this bezieht sich auf section
  • Mein Fehler. Stimmen eingefahren.
  • Auch sollen die Ids immer eindeutig in ein html-Dokument (nur 1 id=body in die Seite anderweitig zu verwenden Klassen

InformationsquelleAutor Xriuk | 2013-10-21
  1. 1

    Können Sie nextElementSibling.

    Beispiel:

    function hideBody(el) {
    'use strict';
    var sibling = el.nextElementSibling;
    console.log(sibling);

    sibling.style.visibility = 'hidden';
}

    Sehen jsFiddle.

    Als Antwort auf Ihre ursprüngliche Frage zu Kind-Knoten, es ist ein childNodes Eigenschaft. Zum Beispiel:

    var children = document.getElementById('section').childNodes;

    Bezogen auf "this" (gezeigt in der hideBody-Funktion):

    function hideBody(el) {
    'use strict';
    var children = el.parentNode.childNodes;
    console.log(children);

    children[1].style.visibility = 'hidden';
}
    InformationsquelleAutor rink.attendant.6
  2. 0

    Ich bin mir nicht sicher mit "dieser" ist hier angebracht, aber man kann sicherlich passieren das Ereignis und ergreifen Sie die klicken Sie auf Ziel-ID:

    http://jsfiddle.net/isherwood/6k7fc/

    <div id="title" onclick="hideBody(event)"></div>

function hideBody(event) {
    var myId = event.target.id;
    var myEl = document.getElementById(myId);
    ... do stuff with myEl ...
}
    • Ich habe mehrere IDs, die die selbe
    • Dann ist dein HTML-Code ist ungültig, und Sie sollten das Update, das erste. 🙂
    InformationsquelleAutor isherwood
Schreibe einen Kommentar