JavaScriptを使って、HTMLの以下の部分の情報を取得したいのですが可能でしょうか？

Question

「HTMLとCSSとJavaScript」の初学者です。
JavaScriptを使って、以下のコードの中の「赤」という文字の部分を取得したいのですが、どのように記述すればいいのかわかりません。

<input type="radio" name="color">赤
<input type="radio" name="color">青

そもそものHTMLのコードを以下のように書き換えて、textContentを使ってあげれば取得できることはわかったのですが、上記のような書き方では取得すること自体できないのでしょうか？

<label><input type="radio" name="color" value="red">赤</label>
<label><input type="radio" name="color" value="red">青</label>

const a = document.querySelector('label');
    const b = a.textContent

Answer 1

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  const red=document.querySelector('[name="color"][value="red"]').nextSibling.textContent;
  console.log(red);
});
</script>
<input type="radio" name="color" value="red">赤
<input type="radio" name="color" value="blue">青

Comments

[退会済みユーザー]

回答くださりありがとうございます。
書いて下さったJavaScriptの中にまだ私の知らない箇所があるので、そのコードを元に、より学習致します。

Answer 2

全ての Element, Text ノードは、親要素の childNodes から辿れます。頂点ノード document.documentElement から childNodes を辿ればいずれその Text ノードを辿れます。