2015-12-21 76 views
0

我有一個ID爲user的div。當我檢查它的長度時,即使它存在,它也說明不確定。div的Javascript長度說undefined

<div id="user"></div> 

我使用下面的純JavaScript。

var user = document.getElementById("user").length; 
console.log(user); 

任何想法如何檢查長度而不使用jQuery?

+13

什麼是div的長度? – Musa

+0

但我也嘗試過使用Firebug控制檯。 –

+0

@Musa它是1,你可以看到。 –

回答

8

您似乎想檢查元素是否存在。

在單個DOM元素(而不是集合)的情況下,不需要檢查長度。

var user = document.getElementById("user"); 
 
var divExists = user != null; 
 
alert(divExists);
<div id="user"></div>

注:使用函數返回一個NodeList,當像querySelectorAll,檢查長度可能是有用的。

4

getElementById返回1個元素(如果找到)或null,並且沒有定義Dom元素的length屬性,這就是爲什麼你得到undefined。 所以你基本上只需要檢查元素是否存在...

var user = document.getElementById("user"); 
if (user) { //... Whatever } 

其ID返回元素的引用;該ID是一個字符串,其可以用來識別該元素;它可以使用HTML中的 id屬性或腳本來建立。 [...]如果沒有帶給定ID的元素 ,則此函數返回null。

cfr。 https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById