子要素のclass名判定について

Question

<li id="test1" class="test1">
  <input name="TO" class="btn" id="btn_1" type="submit" value="ボタン">
</li>

この「li」タグの中に「class="btn"」が存在するかどうかで処理を分岐したいと思い

var sampleElement = document.getElementById('test1');
var result = sampleElement.classList.contains('btn');
alert(result);

としても全て「false」になってしまいます。

alert(sampleElement.className);

としても「test1」が返ってきます。「btn」を返したく思います。

どのようにすれば「class="btn"」なら「true」と返す事ができますでしょうか。

どなたかご教授宜しくお願い致します。

Answer 1

var result= document.querySelector('#test1 .btn')!==null;

Comments

[kumakumatan]

ご回答ありがとうございます。
しかし全て「true」となってしまいます。「.btn」のところが「.ng」のときは「false」を返したく
思います。
宜しくお願いします。

[yambejp]

条件をきちんと定義してください
id＝test1のHTML要素にclass=btnの要素が含まれているか
だけを判断しています。
例示されたHTMLを視る限りbtnクラスをngクラスに変更したら
falseになるはずです