js でクラスセレクターと名前属性セレクターを実装する手順の例

関数 getElementsByClass(クラス名) {
   var classArr = [];
   タグを document.getElementsByTagName("*");

   (var i = 0; i < tags.length; i++) {
    タグ[i].nodeType == 1の場合{
     tags[i].getAttribute("class") == classNameの場合{
      クラスArr.push(タグ[i]);
     }
    }
   }
   クラスArrを返します。
}

関数 getElementsByName(名前) {
   var nameArr = [];
   var 数値 = 0;
   タグを document.getElementsByTagName("*");

   (var i = 0; i < tags.length; i++) {
    タグ[i].nodeType == 1の場合{
     tags[i].getAttribute("name") == nameの場合{
      nameArr.push(タグ[i]);
     }
    }
   }

   nameArr を返します。
}

  /** 
   * すべての子ノードを再帰的に取得する * 
   ノードは、すべての子ノードを取得する親ノード タイプ値を表します。
   1 Element は要素を表します 2 Attr は属性を表します 3 Text は要素または属性内のテキスト コンテンツを表します 4 CDATASection はドキュメント内の CDATA セクション (パーサーによって解析されないテキスト) を表します
   5 EntityReference はエンティティ参照を表します 6 Entity はエンティティを表します 7 ProcessingInstruction は処理命令を表します 8 Comment はコメントを表します 9 Document はドキュメント全体 (DOM ツリーのルート ノード) を表します
   10 DocumentType は文書に定義されたエンティティへのインターフェースを提供します 11 DocumentFragment は文書の一部を保持できる軽量の Document オブジェクトを表します 12 Notation は DTD で宣言されたシンボルを表します */
  var allChildNodes = 関数 (ノード、タイプ) {
   // 1. すべてのノードの配列を作成します。var allCN = [];

   // 2. 再帰的にすべてのノードを取得する var getAllChildNodes = function (node, type, allCN) {
    // 現在の要素のすべての子ノードを取得します
    var ノード = node.childNodes;
    // ノードの子ノードを取得します for (var i = 0; i < nodes.length; i++) {
     var 子 = ノード[i];
     // 指定されたタイプのノードであるかどうかを判定します。if (child.nodeType == type) {
      allCN.push(子);
     }
     すべての子ノードを取得します(子、タイプ、すべてのCN)。
    }
   }
   すべての子ノードを取得します(ノード、タイプ、すべてのCN)。
   // 3. すべてのノードの配列を返します。 return allCN;
  }

  // 電話：
  // 本文内のすべてのノードを取得します。 allChildNodes(document.querySelector('body'), 1);
  
  // 本文内のすべてのプレーンテキストノードを取得します allChildNodes(document.querySelector('body'), 3)