Kind-Elemente durchmischen (JavaScript) [TSHW Wiki]

Diese Seite ist nicht editierbar. Du kannst den Quelltext sehen, jedoch nicht verändern. Kontaktiere den Administrator, wenn du glaubst, dass hier ein Fehler vorliegt.

====== Kind-Elemente durchmischen (JavaScript) ======

===== Beschreibung =====
Dieses [[wp>JavaScript]] mischt alle Kind-Elemente eines DOM-Elements zufällig durch.


===== Benutzung =====
Einfach die Funktion ''shuffleChildren()'' mit dem Zielelement (das, unter dem die Kind-Elemente sich befinden) aufrufen.

===== Beispiel =====
In diesem Beispiel werden alle Zeilen einer Tabelle, die die ID "targetElement" trägt, beim Seitenaufruf durchgemischt.

<code javascript>
window.onload = function () {
    shuffleChildren(document.querySelector('#targetElement tbody'));
};
</code>


===== Code =====

<code javascript>
function shuffleChildren (targetElement) {
    var elements = [];
    while (targetElement.firstChild) {
        elements.push(targetElement.firstChild);
        targetElement.removeChild(targetElement.firstChild);
    }
    elements.sort(function() {
        return .5 - Math.random();
    });
    elements.forEach(function (elem) {
        targetElement.appendChild(elem);
    });
}
</code>