javascript - Javascript: HTML DOM 要素のみをトラバースする

Question

要素ではないテキストノードなどのノードを取り込まずに、HTML ページの DOM をトラバースする必要があります。HTML ページのタグである要素だけが必要です。出来ますか？どのように？

score 1 · Accepted Answer

実際にツリーをどのようにナビゲートしているかを確認せずに、 nodeTypeを確認する方法を示す基本的な例を示します。

function getFirstChildElement (el) {
    el = el.firstChild;
    while (el && el.nodeType !== 1)
        el = el.nextSibling;
    return el;
}

score 0 · Accepted Answer

、、などchildrenを使用する代わりに、単に親要素のプロパティを使用できます...childNodesfirstChildlastChild

はchildren、要素childNodes（タグ）のみを参照し、テキストなどの他のノードをスキップします。これはまさにあなたが望むものです。

説明のために、短いデモを次に示します。

function showChildElements (el) {
    for (var i = 0; i < el.children.length; i++) {
        alert(el.children[i].tagName);
    }
}

2 に答える 2