在为问题提供了关于.item()
属性的错误答案后Node.childNodes
,我检查了元素__proto__
的返回并找到了一个方法。childNodes
form
forEach
所述forEach
的方法Node.childNodes
中的说明书中未记录NodeList
,在Methods
在MDN,或接口节点列表中所提到的那样,并没有出现迭代使用的forEach方法的节点列表或页面链接到该问题; 尽管它似乎在 Chromium 50 中可用。
该方法是否仅适用于相对较新版本的 Chrome / Chromium?如果是,是否记录在案?
有没有关于forEach()
方法的文档Node.childNodes
?
document.querySelector("form").addEventListener("submit", function(e) {
e.preventDefault();
var form = e.target;
form.childNodes.forEach(function(el) {
if (el.tagName === "INPUT" && el.type !== "submit")
snippet.log("name:" + el.name + ", value:" + el.value)
});
});
<form>
<input type="text" name="firstName" value="The first name">
<input type="text" name="lastName" value="The last name">
<input type="email" name="emailAddress" value="email@example.com">
<br>
<input type="submit" value="Submit">
</form>
<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="//tjcrowder.github.io/simple-snippets-console/snippet.js"></script>