Question

我想检查当前页面上是否存在div。我尝试了以下条件，但在进入div.value之前，即使我检查div是否为undefined，它仍然会经过div.value。

我如何确定当前页面上是否存在div？

＆＃13;

var div = document.getElementById("id");
var id = div !== "undefined" ? div.value : null;

＆＃13;

Answer 1

试试这样：

var div = document.getElementById("id");
var id = div ? div.value : null;

如果div不存在，则为undefined，而不是"undefined"。

Answer 2

我如何确定当前页面上是否存在div？

使用if语句

if (document.getElementById("id")) {
    // does exist
}else{
   // does NOT exist
}

使用三元运算符

var div = document.getElementById("id");
var id = div ? div.value : null;

Answer 3

只需使用简单的条件。如果没有给定id的div，则会返回null。

function checkDiv(id) {
  var div = document.getElementById(id),
      res = !!div;
      console.log(`#${id} - ${res}`);
}

checkDiv('bla');
checkDiv('a');

<div id='a'></div>

Answer 4

value不是div使用innerHTML的属性。

var div = document.getElementById("id");
var id = div !== "undefined" ? div.innerHTML : null;
console.log(id);;

<div id="id">ABC</div>

Answer 5

您也可以使用

var div = document.querySelector('#id');

如果没有找到具有该id的元素，则返回null。

如何检查当前页面上是否存在Div

5 个答案: