更新:现在有一个本地的方式来实现这一点。Node.contains()。在评论和下面的回答中也提到了。

旧的回答:

使用parentNode属性应该可以工作。从跨浏览器的角度来看，它也相当安全。如果你知道这段关系有一个层次的深度，你可以简单地检查它:

if (element2.parentNode == element1) { ... }

如果子对象可以嵌套在父对象的任意深处，你可以使用类似于下面的函数来测试这种关系:

function isDescendant(parent, child) {
     var node = child.parentNode;
     while (node != null) {
         if (node == parent) {
             return true;
         }
         node = node.parentNode;
     }
     return false;
}

我遇到了一段很棒的代码，用来检查一个元素是否是另一个元素的子元素。我必须使用这个，因为IE不支持.contains element方法。希望这也能帮助到其他人。

函数如下:

function isChildOf(childObject, containerObject) {
  var returnValue = false;
  var currentObject;

  if (typeof containerObject === 'string') {
    containerObject = document.getElementById(containerObject);
  }
  if (typeof childObject === 'string') {
    childObject = document.getElementById(childObject);
  }

  currentObject = childObject.parentNode;

  while (currentObject !== undefined) {
    if (currentObject === document.body) {
      break;
    }

    if (currentObject.id == containerObject.id) {
      returnValue = true;
      break;
    }

    // Move up the hierarchy
    currentObject = currentObject.parentNode;
  }

  return returnValue;
}

看一下node# compareDocumentPosition。

function isDescendant(ancestor,descendant){
    return ancestor.compareDocumentPosition(descendant) & 
        Node.DOCUMENT_POSITION_CONTAINS;
}

function isAncestor(descendant,ancestor){
    return descendant.compareDocumentPosition(ancestor) & 
        Node.DOCUMENT_POSITION_CONTAINED_BY;
}

其他关系包括DOCUMENT_POSITION_DISCONNECTED, document_position_precedand document_position_follows。

IE<=8不支持。

我只需要分享“我的”。

尽管在概念上与Asaph的答案相同(受益于相同的跨浏览器兼容性，甚至是IE6)，但它要小得多，当大小非常重要或不经常需要时，它就会派上用场。

function childOf(/*child node*/c, /*parent node*/p){ //returns boolean
  while((c=c.parentNode)&&c!==p); 
  return !!c; 
}

．．或者作为一行语句(只有64个字符!):

function childOf(c,p){while((c=c.parentNode)&&c!==p);return !!c}

这里是jsfiddle。

用法: childOf(child, parent)返回boolean true|false。

解释: 只要While -condition的值为true, While就会计算。 && (AND)运算符在计算左边和右边之后返回布尔值true/false，但前提是左边为真(left && right)。

(&&)的左边是:(c=c. parentnode)。 这将首先将c的parentNode赋值给c，然后and运算符将计算得到的c作为布尔值。 由于如果没有父节点，parentNode将返回null，并且null将转换为false，因此当没有更多的父节点时，while循环将正确地停止。

右边(&&)是:c!==p。 ==比较运算符“不完全等于”。如果子结点的父结点不是你指定的父结点，它的值为真，但如果子结点的父结点是父结点，它的值为假。 如果c!==p的值为false，然后&&操作符返回false作为while条件，while循环停止。(注意这里不需要while-body和close;分号是必需的。)

因此，当while循环结束时，当c找到父节点时，它是一个节点(非空)，或者当循环运行到最后没有找到匹配时，它是空的。

因此，我们只需返回该事实(转换为布尔值，而不是节点):return !!c;: the !(NOT运算符)反转布尔值(true变为false，反之亦然)。 !c将c(节点或null)转换为布尔值，然后才能反转该值。所以再加一个!(!!c)将这个false转换回true(这就是为什么使用double !!通常用于“将任何东西转换为布尔值”)。

额外的: 函数体/有效负载非常小，根据情况(比如它不经常使用，只在代码中出现一次)，甚至可以省略函数(换行)，只使用while循环:

var a=document.getElementById('child'),
    b=document.getElementById('parent'),
    c;

c=a; while((c=c.parentNode)&&c!==b); //c=!!c;

if(!!c){ //`if(c)` if `c=!!c;` was used after while-loop above
    //do stuff
}

而不是:

var a=document.getElementById('child'),
    b=document.getElementById('parent'),
    c;

function childOf(c,p){while((c=c.parentNode)&&c!==p);return !!c}

c=childOf(a, b);    

if(c){ 
    //do stuff
}

您应该使用Node。包含，因为它现在是标准的，在所有浏览器中都可用。

https://developer.mozilla.org/en-US/docs/Web/API/Node.contains

另一个没有提到的解决方案:

例子

var parent = document.querySelector('.parent');

if (parent.querySelector('.child') !== null) {
    // .. it's a child
}

元素是否为直接子元素并不重要，它在任何深度都可以工作。

或者，使用.contains()方法:

例子

var parent = document.querySelector('.parent'),
    child = document.querySelector('.child');

if (parent.contains(child)) {
    // .. it's a child
}

您可以使用contains方法

Var result = parent.contains(child);

或者你可以尝试使用compareDocumentPosition()

var result = nodeA.compareDocumentPosition(nodeB);

最后一个更强大:它返回一个位掩码作为结果。

试试这个:

x = document.getElementById("td35");
if (x.childElementCount > 0) {
    x = document.getElementById("LastRow");
    x.style.display = "block";
}
else {
    x = document.getElementById("LastRow");
    x.style.display = "none";
}

TL;DR:图书馆

我建议使用类似dom-helpers的东西，它是由react团队作为常规JS库编写的。

在它们的contains实现中，你会看到一个基于node# contains的实现，并带有一个node# compareDocumentPosition回退。

不支持非常老的浏览器，例如IE <9，我觉得这是可以接受的。

这个答案包含了上面的问题，但是我建议你不要循环。

考虑使用nearest ('.selector')

如果元素和它的任何祖先都不匹配选择器，则返回null。或者返回找到的元素