JavaScriptで動的に生成したタグの取得法

結論

const data = document.getElementsByClassName('content')[0];

getElementsByClassNameメソッドを利用して取得する。最後に0番目を指定しているのは、帰ってくる形がHTMLCollectionで取得できるから。この時に、0番目を指定すれば、要素を取得することができる。また、複数取得した時にHTMLCollectionの形で帰ってきた場合は、配列に変換すればいいかと思います(もちろん場合による)。

const data = Array.from(document.getElementsByClassName('content'));

ダメなパターン

動的に生成した要素はquerySelectorでは取得することはできない。NodeListには静的の概念が存在する。

参考記事

querySelectorAll() は動的に生成・削除された要素をキャッチしない - Qiita