if文で要素がなになにだったらの判別をしたい

Question

if文で要素に何があるかで処理を分けたいです

<div id="hoge">
 <div id="a"></div>
</div>

var hoge = document.getElementById('hoge').firstChild;
if(){   //ここの判別をhogeの子要素のidがaだったら処理をするようにしたい
処理;
}

Comments

[kei344]

過去の質問について、「解決済」になっていないものが多数見受けられます。解決したものは「ベストアンサー」を選び、自力で解決した場合はその方法を解答欄に書き、もし万が一解決していないのであれば質問を編集するなどしてみてください。

Answer 1

普通にquerySelectorで調べてください

window.addEventListener('DOMContentLoaded', function(e){
  if(document.querySelector('#hoge #a')){console.log("a!");}
  if(document.querySelector('#hoge #b')){console.log("b!");}
});

<div id="hoge">
 <div id="a"></div>
</div>

Answer 2

hoge で何が取得できているかconsole.log()などでコンソールに出力して
何が使えるか確認してみては？

• JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips

var hoge = document.getElementById('hoge').firstChild;
console.log(hoge);

Answer 3

var hoge = document.getElementById('hoge').firstChild;
if(hoge.id === 'a'){   //ここの判別をhogeの子要素のidがaだったら処理をするようにしたい
処理;
}

単純にIDであればnode.idでアクセスできます

Comments

[x_x]

質問者の提示通りであれば hoge にはテキストノードが入っていると思われます。

[denzow]

あー。すいません。textnodeをわすれてました・・

Answer 4

var hoge = document.getElementById('hoge');
var a = document.getElementById('a');

console.log(hoge.hasChildNodes(a)); // true. hogeの子要素にaがある
console.log(a.parentNode === hoge); // true. aの親要素がhoge
console.log(!!document.querySelector('#hoge > #a')); // true. id="hoge"の子のid="a"がある