前面的所有答案都需要.length参数的原因是，它们主要使用jquery的$（）选择器，该选择器在窗帘后面有querySelectorAll（或者直接使用）。此方法相当慢，因为它需要解析整个DOM树，查找与该选择器的所有匹配项，并用它们填充数组。

['length']参数不是必需的或有用的，如果直接使用document.querySelector（selector），代码会更快，因为它返回匹配的第一个元素，如果找不到则返回null。

function elementIfExists(selector){  //named this way on purpose, see below
    return document.querySelector(selector);
}
/* usage: */
var myelement = elementIfExists("#myid") || myfallbackelement;

然而，这个方法留给我们的是实际返回的对象；如果不将其保存为变量并重复使用（因此，如果我们忘记了，就保留引用），这是很好的。

var myel=elementIfExists("#myid");
// now we are using a reference to the element which will linger after removal
myel.getParentNode.removeChild(myel);
console.log(elementIfExists("#myid")); /* null */
console.log(myel); /* giant table lingering around detached from document */
myel=null; /* now it can be garbage collected */

在某些情况下，这可能是需要的。它可以在for循环中使用，如下所示：

/* locally scoped myel gets garbage collected even with the break; */
for (var myel; myel = elementIfExist(sel); myel.getParentNode.removeChild(myel))
    if (myel == myblacklistedel) break;

如果您实际上不需要该元素，并且只想获取/存储一个true/false，那么就不要加倍！！它适用于松开的鞋子，所以为什么要在这里打结？

function elementExists(selector){
    return !!document.querySelector(selector);
}
/* usage: */
var hastables = elementExists("table");  /* will be true or false */
if (hastables){
    /* insert css style sheet for our pretty tables */
}
setTimeOut(function (){if (hastables && !elementExists("#mytablecss"))
                           alert("bad table layouts");},3000);

对于jQuery，您不需要>0，这就是您所需要的：

if ($(selector).length)

使用vanilla JS，您可以使用：

if(document.querySelector(selector))

如果要将其转换为返回bool的函数：

const exists = selector => !!document.querySelector(selector);

if(exists(selector)){
  // some code
}

受到海威回答的启发，我想到了以下几点：

$.fn.exists = function() {
    return $.contains( document.documentElement, this[0] );
}

jQuery.contains获取两个DOM元素，并检查第一个元素是否包含第二个元素。

当我们希望仅应用document.documentElement来检查当前文档中元素的存在时，使用document.documentsElement作为第一个参数可以实现exists方法的语义。

下面，我将jQuery.exists（）与$（sel）[0]和$（sel）.length方法进行了比较，这两种方法都返回了$（4）的真值，而$（4（）.exists）返回了假值。在检查DOM中是否存在元素的上下文中，这似乎是理想的结果。

$.fn.exists=函数（）{return$.contains（document.documentElement，this[0]）；}var测试功能=[函数（jq）{return！！jq[0]；}，函数（jq）{return！！jq.length；}，函数（jq）{return jq.exists（）；}，];var输入=[["$()",$()],["$(4)",$(4)],[“$（'#idexist'）”，$（'#idexist]）]，[“$（'#idotexist'）”，$（'#idotexit'）]];for（变量i=0，l=inputs.length，tr，input；i<l；i++）{input=输入[i][1]；tr=“<tr><td>”+输入[i][0]+“</td><td]”+testFuncs[0]（输入）+“</td><td>”+testFuncs[1]（输入）+“</td><td>”+testFuncs[2]（输入）+“</td></tr>”；$（“table”）.append（tr）；}td｛border:1px实心黑色｝<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div id=“idexist”>#idexist</div>＜表格样式＞<tr><td>输入</td><td>$（sel）[0]</td><td>$（sel）.length</td><td>$（sel）.exists（）</td></tr></table><脚本>$.fn.exists=函数（）{return$.contains（document.documentElement，this[0]）；}</script>

默认情况下-否。

长度属性通常以以下方式用于相同的结果：

if ($(selector).length)

在这里，“选择器”将被您感兴趣的实际选择器替换，无论它是否存在。如果它确实存在，那么length属性将输出一个大于0的整数，因此If语句将变为true，从而执行If块。如果没有，它将输出整数“0”，因此If块不会被执行。

您不必检查它是否大于0，例如$（selector）.length>0，$（selected）.llength，这就足够了，是检查元素存在的一种优雅方式。我认为仅为此编写函数是不值得的，如果你想做更多额外的事情，那么是的。

if($(selector).length){
  // true if length is not 0
} else {
  // false if length is 0
}

使用jQuery，使用以下语法检查元素是否确实存在。

let oElement = $(".myElementClass");
if(oElement[0]) {
    // Do some jQuery operation here using oElement
}
else {
    // Unable to fetch the object
}