获取form表单元素内的所有表单元素的dom

Posted on 2020-03-14 20:54  猫头唔食鱼  阅读(1040)  评论(0)  编辑  收藏  举报

有这么个form表单

    <form action="">
        <input type="text">
        <select>
            <option value="">1</option>
            <option value="">2</option>
        </select>
    </form>

 

获取form标签里的所有表单元素的dom，

var form = document.querySelector('form')  // 这里是querySelector，不是querySelectorAll
var ele = form.elements　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

注意 ： 非表单元素不能这么获取，或者，form标签里的其他非表单标签是获取不了的

例如，下面就不能通过xxx.elements来获取

<div>
    <select>
        <option>选项一<option>
   </select>
</div>

还有，form标签里的非表单元素，不能通过xxx.elements来获取

<form>
    <input type="test"/>
   <p>p标签</p>  <!--这个p标签是获取不了的-->
</form>