在使用Bootstrap进行前端开发时，常常会涉及到对DOM元素的操作，其中选择祖先元素是一项常见的任务。而在这个过程中，很多开发者会面临一个问题：是使用parentNode还是parentElement呢？

我们来了解一下这两个属性的基本概念。parentNode是一个标准的JavaScript属性，它返回当前元素的父节点，这个父节点可以是元素节点、文档类型节点或者文档片段节点。也就是说，parentNode返回的范围更广。而parentElement同样返回当前元素的父元素，但它只返回元素节点类型的父元素。如果当前元素的父节点不是元素节点，那么parentElement将返回null。

从兼容性角度来看，parentNode的兼容性非常好，几乎可以在所有主流浏览器中使用。而parentElement在一些较老的浏览器中可能存在兼容性问题，比如IE8及以下版本不支持该属性。所以，如果你的项目需要兼容这些老旧浏览器，那么parentNode可能是更稳妥的选择。

在实际使用Bootstrap选择祖先元素时，要根据具体需求来决定。如果只是单纯地想找到最近的元素类型的父元素，并且项目不需要考虑老旧浏览器的兼容性，那么parentElement可以满足需求，它的语义更加明确，代码可读性也更好。例如，当你确定某个元素的父元素必然是元素节点时，使用parentElement可以更精准地获取到目标。

然而，如果你的项目对兼容性要求较高，或者不确定父节点的类型，那么parentNode就是最佳选择。它能够确保在各种情况下都能正确获取到父节点，避免因为兼容性问题导致的代码错误。

在Bootstrap中使用parents()函数选择祖先元素时，parentNode和parentElement各有优劣。开发者需要综合考虑项目的兼容性要求、具体业务逻辑以及代码的可读性等多方面因素，来做出最合适的选择。这样才能编写出高效、稳定且易于维护的前端代码。