使用getElementsByName()獲取相同名字的元素
在JavaScript中，有時候我們需要獲取HTML文檔中具有相同名稱的元素，這時就可以使用`getElementsByName()`方法來實現(xiàn)。這個方法會返回一個包含指定名稱的所有元素的NodeLi
在JavaScript中，有時候我們需要獲取HTML文檔中具有相同名稱的元素，這時就可以使用`getElementsByName()`方法來實現(xiàn)。這個方法會返回一個包含指定名稱的所有元素的NodeList對象。接下來我們通過一個簡單的示例來演示如何使用這個方法。
新建HTML文件
首先，在編輯器中新建一個HTML文件，并在其中編寫以下代碼：
```html
```
創(chuàng)建JavaScript文件
接著，在同一目錄下創(chuàng)建一個名為`script.js`的JavaScript文件，編寫以下代碼：
```javascript
function getElements() {
var x ("myInput");
alert("Number of myInput elements: " x.length);
}
document.querySelector('button[name"myButton"]').addEventListener('click', getElements);
```
預覽效果
保存以上兩個文件，并在瀏覽器中打開HTML文件。你將看到三個輸入框和一個按鈕。當你點擊按鈕時，會彈出一個提示框，展示名字為`myInput`的元素個數(shù)。
通過使用`getElementsByName()`方法，我們可以輕松地獲取HTML文檔中具有相同名稱的元素，并對它們進行操作。這在某些特定的場景下非常有用，例如表單中重復的輸入框或多個具有相同名稱的元素。希望本文能夠幫助你更好地理解和應用這個方法。