71898


javascriptで下記のDOM要素?を取得したのですが、子要素の`.dlcard > dlcard__thumbnail >
img`のようにアクセスしたいです。どのような関数を使用したらよいでしょうか？ 要素はinputという変数に格納されています。

[![画像の説明をここに入力](https://i.stack.imgur.com/PF3s4.png)](https://i.stack.imgur.com/PF3s4.png)

**追記**  
説明不足ですいません。  
inputに格納されたelementオブジェクトから要素を取り出す方法はないでしょうか？  
querySelectorだと全体のhtmlからとういう事になります。


CC BY-SA 4.0
2020-11-12T12:03:53.960
71897
2020-11-13T01:19:11.493
2020-11-12T14:24:35.970
22565
22565
question
javascript html
Elementオブジェクトから子要素を取り出すには


Document.querySelector()を使えばいいでしょう。

[Document.querySelector() - Web API |
MDN](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector)

[code]

    var el = document.querySelector(".dlcard > .dlcard__thumbnail > img");
    
[/code]

* * *

追記

> inputに格納されたelementオブジェクトから要素を取り出す

[Element.querySelector() - Web API |
MDN](https://developer.mozilla.org/ja/docs/Web/API/Element/querySelector)

[code]

    var input = document.querySelector(".input");
    var img = input.querySelector(".dlcard > .dlcard__thumbnail > img");
    console.log(img);
    
[/code]


CC BY-SA 4.0
2020-11-12T13:46:00.677
71898
2020-11-13T01:19:11.493
2020-11-13T01:19:11.493
42240
42240
71897
answer


`input.childNodes`を使用する事で子要素にアクセス出来ました。


CC BY-SA 4.0
2020-11-12T14:32:18.640
71900
2020-11-12T14:32:18.640
22565
71897
answer