<!DOCTYPE HTML><HTML> <head> <Title>JavaScript & jquery - Chapter 13: Form Enhancement and ValIDation - Select All CheckBoxes</Title> <link rel="stylesheet" href="CSS/c13.CSS" /> </head> <body> <div > <form ID="interests" action="/login" method="post"> <div > <img src="img/logo.png" alt="logo" ID="logo" /> </div> <div ID="main"> <fIEldset> <legend>Genres</legend> <label><input type="checkBox" value="all" ID="all">All</label> <label><input type="checkBox" name="genre" value="animation">Animation</label> <label><input type="checkBox" name="genre" value="docs">documentary</label> <label><input type="checkBox" name="genre" value="shorts">Shorts</label> </fIEldset> </div><!-- .two-thirds --> </form> </div><!-- .container --> <script src="Js/utilitIEs.Js"></script> <script src="Js/all-checkBoxes.Js"></script></body>
在all-checkBox.Js文件中,我有以下几行:
...var form = document.getElementByID('interests');var elements = form.elements;...
当我加载页面并检查调试器(firefox)中的元素变量时,我看到它是一个长度为5的数组.我的理解是form.elements将返回表单的所有元素.调试器显示元素的以下值:
0: <fIEldset> 1: <input#all> 2: <input> 3: <input> 4: <input>
我认为图例元素也是一个表单元素,但显然在这里不算这样.
任何人都可以开导我吗?
解决方法 getElementByID返回一个 HTMLFormElement对象. legend在 elements属性中不是 listed element.至于为什么…… /耸肩.我似乎无法找到任何背景故事.如果我不得不猜测,我会说,因为它不是表单的实际控制元素,也许权力 – 感觉HTMLFORMElement.elements意味着“控制”元素.但同样,只是猜测.
总结以上是内存溢出为你收集整理的HTML图例元素未计入表单全部内容,希望文章能够帮你解决HTML图例元素未计入表单所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)