2017-01-03 13 views
1

document.getElementByIdを使用する前に、DOMで利用可能かどうかを確認する必要があります。javascriptを使用してhtmlで特定のIDを確認する方法

つまり、jqueryにfind()があります。 javascriptで同じことを知る必要があります

以下の例をご覧ください。

DOMでdsp-store-nameを使用できないため、コンソールで以下の例外がスローされるためです。

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

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

+0

実際に文書を使用して、 – mplungjan

答えて

0

実際の唯一の方法は、その要素を選択し、それが存在するかどうかを確認することです。ヌル値は

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

いや(https://www.google.com/search?q=id%20exists%20javascript)[質問が既に求められているかどうかを確認する方法] .querySelectorも問題を解決しました。 – lokesh

0

呼び出しの結果は、要素を使用しようと前nullの場合を参照してください:

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

関連する問題