document.querySelectorについて、お聞きしたいことがございます。
js
1'use strict'; 2{ 3 4 console.log(document.querySelectorAll('input[type="checkbox"]')[0].checked); 5 console.log(document.querySelectorAll('input[type="checkbox"]')[1].checked); 6 7 8 9 10} 11
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>Javascript Basics</title> 6 <style> 7 8 9 </style> 10 </head> 11 <body> 12 <input type="checkbox" name="os" value="mac">macOS 13 <input type="checkbox" name="os" value="win" checked>Windows 14 <hr> 15 <input type="radio" name="color" value="red" checked>Red 16 <input type="radio" name="color" value="blue" >blue 17 <hr> 18 <select> 19 20 <option>item 0</option> 21 <option selected>item 1</option> 22 <option>item 2</option> 23 </select> 24 <script src="js/main.js"></script> 25 </body> 26</html>
上記コードを実行しますと、「false」「true」とconsole.logに表示されます。
公式リファレンスの構文の項目には「lementList = parentNode.querySelectorAll(selectors);」このように「parentNode」との記載があります。しかし、上記コードでは親要素の「body」ではなく、「document」となっております。何故、bodyではなく、documentが指定されているのでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/01 05:58
2019/06/01 06:01
2019/06/01 06:06
2019/06/01 06:07
2019/06/01 06:18 編集
2019/06/01 06:18
2019/06/01 06:50 編集