如何按名稱選擇所有輸入？

Question

我知道您可以使用它來獲取名稱為“ target”的所有元素：

document.getElementsByName('target')

但是，如果我只選擇具有該名稱的輸入怎么辦？

Answer 1

在純JavaScript中，您可以使用document.querySelectorAll

document.querySelectorAll('input[name="target"]');

Answer 2

你可以做：

var inputs = document.querySelectorAll("input[name=target]");

Answer 3

因為您可以按name捕獲forms ，所以可以

<form name="outerTarget">    
    <input type="button" value="test" name="target">
</form>
<script>
document.forms['outerTarget'].target;
</script>

MDN： https : //developer.mozilla.org/zh-CN/docs/Web/API/Element.name#Example 。