js多个id一样怎么取

在 HTML 中，每个元素的 id 应该是唯一的。如果出现多个元素具有相同的 id，这是一个非常糟糕的做法，因为它违反了 HTML 规范并可能会导致意外的行为。

如果你面对这样的情况，你可以使用类选择器替代 id 选择器来选择这些元素。如果你无法更改 HTML 代码，你可以使用 document.querySelectorAll() 方法来选择这些元素，但是这会选择所有具有相同 id 的元素。例如：

var elements = document.querySelectorAll("#same-id");

然而，你应该避免这种情况发生，而是确保每个元素都有唯一的 id。

相关问题

js取多个没有id的input的值

如果你有多个没有 `id` 的 `input` 元素，你可以使用以下两种方式来获取它们的值：

1. 使用 `getElementsByTagName` 方法获取所有的 `input` 元素，然后遍历获取每个元素的值，例如：

   <input type="text" name="input1">
   <input type="text" name="input2">
   <button onclick="getValue()">获取值</button>

   <script>
     function getValue() {
       const inputs = document.getElementsByTagName('input');
       const values = [];
       for (let i = 0; i < inputs.length; i++) {
         values.push(inputs[i].value);
       }
       console.log(values);
     }
   </script>

2. 使用 `querySelectorAll` 方法结合属性选择器 `input[type="text"]` 获取所有的 `type` 属性为 `text` 的 `input` 元素，然后遍历获取每个元素的值，例如：

   <input type="text" name="input1">
   <input type="text" name="input2">
   <button onclick="getValue()">获取值</button>

   <script>
     function getValue() {
       const inputs = document.querySelectorAll('input[type="text"]');
       const values = Array.from(inputs).map(input => input.value);
       console.log(values);
     }
   </script>

这里使用 `Array.from` 方法将 `NodeList` 转换为数组，并使用 `map` 方法遍历数组获取每个 `input` 元素的值。

无论哪种方式，都是获取所有的 `input` 元素，然后遍历获取每个元素的值。需要注意的是，如果你的页面上存在其他的 `input` 元素，也会被一起获取。如果只想获取特定的 `input` 元素，可以使用类名或其他属性选择器来筛选元素。

js取多个input的值

你可以通过以下几种方式来获取多个 input 元素的值：

1. 使用 `getElementById` 方法获取每个 input 元素，然后分别获取其值，例如：

   <input type="text" id="input1">
   <input type="text" id="input2">
   <button onclick="getValue()">获取值</button>

   <script>
     function getValue() {
       const input1 = document.getElementById('input1');
       const input2 = document.getElementById('input2');
       const value1 = input1.value;
       const value2 = input2.value;
       console.log(value1, value2);
     }
   </script>

2. 使用 `querySelectorAll` 方法获取所有的 input 元素，然后遍历获取每个元素的值，例如：

   <input type="text" id="input1">
   <input type="text" id="input2">
   <button onclick="getValue()">获取值</button>

   <script>
     function getValue() {
       const inputs = document.querySelectorAll('input');
       const values = Array.from(inputs).map(input => input.value);
       console.log(values);
     }
   </script>

这里使用 `Array.from` 方法将 NodeList 转换为数组，并使用 `map` 方法遍历数组获取每个 input 元素的值。

3. 如果所有的 input 元素都在同一个表单中，你还可以使用表单元素的 `elements` 属性获取所有的 input 元素，例如：

   <form id="myForm">
     <input type="text" name="input1">
     <input type="text" name="input2">
   </form>
   <button onclick="getValue()">获取值</button>

   <script>
     function getValue() {
       const form = document.getElementById('myForm');
       const inputs = form.elements;
       const value1 = inputs.input1.value;
       const value2 = inputs.input2.value;
       console.log(value1, value2);
     }
   </script>

这里使用表单元素的 `elements` 属性获取所有的 input 元素，然后通过元素的 `name` 属性获取对应的值。