javascript - 高效地走上 DOM 树，检查 nodeType 和属性？

Question

试图想出一种有效的方法来检查给定节点的所有祖先，可能使用 TreeWalker？

具体来说，我想看看是否有任何节点类型是 <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;
}