关于form.elements解决方法

关于form.elements
以下代码是javascript高级程序设计里关于form.elements的用法，请问为什么form.elements[0]获得的节点不是<ul>而是<input type="radio" name="color" value="red">呢？

    <form method="post" action="javascript:alert('Form submitted!')" id="myForm">

        <ul>

            <li><input type="radio" name="color" value="red">Red</li>

            <li><input type="radio" name="color" value="green">Green</li>

            <li><input type="radio" name="color" value="blue">Blue</li>

        </ul>

    </form>

    <script type="text/javascript">

        (function(){

            var form = document.getElementById("myForm");

            

            var colorFields = form.elements["color"];

            alert(colorFields.length);  //3

            

            var firstColorField = colorFields[0];

            var firstFormField = form.elements[0];

            alert(firstColorField === firstFormField);   //true


        })();

    </script>

------解决思路----------------------
form.elements
的含义就是表单元素，而不是childNodes等的意思啊