Metodo per accedere agli oggetti di集合 name tramite getElementsByName in JavaScript

1、查找给定name属性的所有元素，这个方法将返回一个节点集合，也可以称为对象集合。

2、这个集合可以作为数组来对待，length属性的值表示集合的个数。

3. Poiché name non può determinare un elemento in modo univoco nell'html pagina, il nome del metodo è getElementsByName invece di getElementByName

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Documento senza titolo</title>
</head>
<body>
	<p>
		<input type="text" name="luck" value="Ho vinto un premio, ho vinto un miliardo" onclick="aa()" id="luck1" />
	</p>
	<p>
		<input type="text" name="luck" value="Ho trovato una ragazza" id="luck2" />
	</p>
	<p>
		<input type="text" name="luck" value="Sono stato promosso" id="luck3" />
	</p>
	<p>
		<input type="text" name="luck" value="Ho comprato una casa" id="luck4" />
	</p>
	<script>
		/*
		1. Ottenere il valore di ogni campo di testo
		2. Ottenere il tipo di ogni campo di testo
		3. Aggiungere un evento di click a ogni campo di testo
		*/
		/*
			Primo passo: ottenere l'array di oggetti (array di nodi) con l'attributo name di valore luck
		*/
		var luckElements = document.getElementsByName("luck");
		/*
			Secondo passo: esplorare l'array di nodi
		*/
		for(var i=0;i<luckElements.length;i++){
			//Ottenere il valore value dell'elemento
			alert(luckElements[i].value);
			//Ottenere il valore type dell'elemento
			alert(luckElements[i].type);
			//Assegnare un valore all'attributo onclick di ogni elemento significa aggiungere un evento di click al campo di testo
			luckElements[i].onclick=function(){
				alert(this.value);
			}
		}
	</script>
</body>
</html>

3. Poiché name non può determinare un elemento in modo univoco nell'html pagina, il nome del metodo è getElementsByName invece di getElementByName

Questo è tutto il contenuto che l'editor ha portato a voi su come accedere all'oggetto della raccolta name attraverso getElementsByName in JavaScript. Spero che riceviate molta supporto e incoraggiamento dalla guida di insegna!

Corso di base