効率的にDOMツリーを歩いて、nodeTypeと属性をチェックしますか？

Question

TreeWalkerを使用して、特定のノードのすべての祖先を効率的にチェックすることを考えようとしていますか？

具体的には、nodeTypeが<input>または<textarea>であるか、またはcontenteditable="true"であるかどうかを確認したい場合は、祖先が一致する場合はtrueを返します。

再帰関数は問題ありません。

Answer 1

単純な反復的なツリーの登りで、目的の結果が得られます。

function findParentNodes(node) { 
    var parent = node.parentNode; 
    while(parent) { 
    if(parent.nodeName === 'INPUT' || 
     parent.nodeName === 'TEXTAREA' || 
     parent.getAttribute('contenteditable') === 'true') { 

     return true; 
    } 

    parent = parent.parentNode; 
    } 
    return false; 
}