如何查找具有特定id的元素是否存在

Question

在我的JavaScript中,我想检查具有特定id的元素是否存在,我尝试了两种方法

1).

var myEle = document.getElementById("myElement");
if(myEle  == null){
   var myEleValue= document.getElementById("myElement").value;
}

2).

if(getElementById("myElement")){
    var myEleValue= document.getElementById("myElement").value;
}

但它给出了同样的错误 -

预期的对象

Answer 1

 var myEle = document.getElementById("myElement");
    if(myEle){
        var myEleValue= myEle.value;
    }

Answer 2

您可以简单地使用 if(yourElement)

var a = document.getElementById("elemA");
var b = document.getElementById("elemB");

if(a)
  console.log("elemA exists");
else
  console.log("elemA does not exist");
  
if(b)
  console.log("elemB exists");
else
  console.log("elemB does not exist");

<div id="elemA"></div>

Answer 3

getElementById

返回值： 一个元素对象，表示具有指定 ID 的元素。如果不存在具有指定 ID 的元素，则返回 null，请参见：https : //www.w3schools.com/jsref/met_document_getelementbyid.asp

真与假

在 JavaScript 中，真值是在布尔上下文中计算时被认为是真的值。所有值都是真值，除非它们被定义为假（即，假、0、""、空、未定义和 NaN 除外）。请参阅：https : //developer.mozilla.org/en-US/docs/Glossary/Truthy

当在 中找不到 dom 元素时document，它将返回null。null 是一个 Falsy，可以boolean expression在 if 语句中使用。

var myElement = document.getElementById("myElement");
if(myElement){
  // Element exists
}