仮に以下のようなHTMLに対して(¥<head¥>タグがないですがまぁ適当に)
<html>
<body>
<div class="hogeeee"></div>
<div class="TESTTTT"></div>
・
・
・
</body>
</html>
TESTTTT 以下の子要素を取得したい場合は
var value = document.body.getElementsByClassName('hogeeee')[0].getElementsByClassName('TESTTTT')
とかで TESTTTT 以下の子要素を取得できる。
document.body で HTML 全体から body の部分を抜いてその後に getElementsByClassName （メソッド) でクラス名でぶち抜く感じです。ただ getElementsByClassName は配列で返すので [0] とかでキーを指定してあげる必要がある。
getElementsByClassId とかでしたらそのまま単体として返すので キーはいらない。
注意で
getElementsByClassName(‘hogeeee’) の ’ は ” だと動かない。
これに結構躓いてた。
参考文献
メソッド https://lab.syncer.jp/Web/API_Interface/Reference/IDL/Document/
