2017-01-03 90 views
1

在使用document.getElementById之前,需要檢查DOM是否可用。如何使用javascript在html中檢查特定ID

即我們已經找到()在jquery中。需要了解相同的javascript

請查看下面的示例。

因爲dsp-store-name在DOM中不可用,所以它在控制檯中拋出下面的異常。

document.getElementById("dsp-store-name").innerHTML 

VM655:1 Uncaught TypeError: Cannot read property 'innerHTML' of null at :1:43 (anonymous) @ VM655:1

+0

【如何檢查,如果問題已經問(https://www.google.com/search?q=id%20exists%20javascript) – mplungjan

回答

0

唯一的實際方法是選擇該元素並驗證它是否存在。爲空值

var e = document.getElementById('dsp-store-name'); 
if(e){ 
    var eHTML = e.innerHTML; 
    // rest of code. 
} else { 
    // does not exist == 'null' 
} 
+0

是的,實際使用文檔.querySelectorAll也解決了這個問題。 – lokesh

0

看看調用的結果爲空嘗試使用元素:

var el = document.getElementById("dsp-store-name"); 
if (el != null) 
    el.innerHTML = "hello"; 
-1

,你可以用它來檢查: -

if(document.getElementById("dsp-store-name") != null){ 
    var something=document.getElementById("dsp-store-name").innerHTML; 
} 
0

檢查的document.getElementById( 「DSP-商店名稱」),如果元素不存在的document.getElementById()將返回null。

console.log(document.getElementById("dsp-store-names")); 
 
console.log(document.getElementById("dsp-store-name"));
<div id="dsp-store-name"></div>

+0

謝謝,得到了答案。我們可以通過document.querySelectorAll來實現它 – lokesh

相關問題