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