Beispielschritte zum Implementieren von Klassenselektoren und Namensattributselektoren in js

Funktion getElementsByClass(Klassenname) {
   var KlasseArr = [];
   var tags = document.getElementsByTagName("*");

   für (var i = 0; i < tags.Länge; i++) {
    wenn (tags[i].nodeType == 1) {
     wenn (tags[i].getAttribute("Klasse") == Klassenname) {
      classArr.push(tags[i]);
     }
    }
   }
   gib classArr zurück;
}

Funktion getElementsByName(Name) {
   var nameArr = [];
   varnum = 0;
   var tags = document.getElementsByTagName("*");

   für (var i = 0; i < tags.Länge; i++) {
    wenn (tags[i].nodeType == 1) {
     wenn (tags[i].getAttribute("name") == name) {
      nameArr.push(tags[i]);
     }
    }
   }

   gib nameArr zurück;
}

  /** 
   * Alle untergeordneten Knoten rekursiv abrufen * 
   Knoten stellt den übergeordneten Knotentypwert dar, für den Sie alle untergeordneten Knoten abrufen möchten:
   1 Element stellt ein Element dar. 2 Attr stellt ein Attribut dar. 3 Text stellt den Textinhalt in einem Element oder Attribut dar. 4 CDATASection stellt einen CDATA-Abschnitt in einem Dokument dar (Text, der nicht vom Parser analysiert wird).
   5 EntityReference steht für Entity-Referenz. 6 Entity steht für Entity. 7 ProcessingInstruction steht für Verarbeitungsanweisung. 8 Comment steht für Kommentar. 9 Document steht für das gesamte Dokument (den Stammknoten des DOM-Baums).
   10 DocumentType stellt eine Schnittstelle zu Entitäten bereit, die für ein Dokument definiert sind. 11 DocumentFragment stellt ein leichtes Dokumentobjekt dar, das einen Teil eines Dokuments enthalten kann. 12 Notation stellt ein in einer DTD deklariertes Symbol dar. */
  var allChildNodes = Funktion (Knoten, Typ) {
   // 1. Erstellen Sie ein Array aller Knoten var allCN = [];

   // 2. Alle Knoten rekursiv abrufen var getAllChildNodes = function (node, type, allCN) {
    // Alle untergeordneten Knoten des aktuellen Elements abrufen
    var Knoten = Knoten.Unterknoten;
    // Hole die untergeordneten Knoten der Knoten für (var i = 0; i < nodes.length; i++) {
     var Kind = Knoten[i];
     // Bestimmen Sie, ob es sich um einen Knoten des angegebenen Typs handelt, wenn (child.nodeType == Typ) {
      allCN.push(Kind);
     }
     getAllChildNodes(Kind, Typ, alleCN);
    }
   }
   getAllChildNodes(Knoten, Typ, allCN);
   // 3. Gibt das Array aller Knoten zurück return allCN;
  }

  // Anruf:
  // Alle Knoten im Textkörper abrufen allChildNodes(document.querySelector('body'), 1);
  
  //Alle Nur-Text-Knoten im Textkörper abrufen allChildNodes(document.querySelector('body'), 3)