Comment utiliser document.getElementByName et getElementByTag?

 document.getElementById('frmMain').elements

puis-je utiliser comme cette

document.getElementByName('frmMain').elements

document.getElementBytag('table').elements`

source d'informationauteur Manohar Kulanthai vel | 2011-10-19

javascript

19
```
document.getElementById('frmMain').elements 
```
- prend la forme dispose d'un ID. Bien qu'il accède également à une name attribut dans IE, veuillez ajouter l'ID de l'élément si vous souhaitez utiliser getElementById
```
document.getElementsByName('frmMain')[0].elements 
```
- obtiendrez les éléments de l'objet premier nommé frmMain sur la page de l'avis du pluriel getElements - il sera de retour une collection.
```
document.getElementsByTagName('form')[0].elements
```
- obtiendrez les éléments de la première formulaire sur la page basée sur le tag - notez le pluriel getElements
Une excellente alternative est
```
document.querySelector("form").elements 
```
- obtiendrez les éléments de la première formulaire sur la page. La "forme" est un selecteur CSS valide
```
 document.querySelectorAll("form")[0].elements 
```
- avis de la All - c'est une collection. [0] obtenir les éléments de la première formulaire sur la page. La "forme" est un selecteur CSS valide
8

getElementById renvoie une référence à un élément avec un id correspondant à l'argument, ou la valeur null si aucun élément n'existe dans le document.

getElementsByName() (notez le pluriel Éléments) renvoie un (éventuellement vide) HTMLCollection des éléments avec un nom correspondant à l'argument. Notez que IE traite le nom et id des attributs et des propriétés comme la même chose, donc getElementsByName sera de retour les éléments assortis id aussi.

getElementsByTagName est similaire, mais renvoie une NodeList. Tout y est dans les spécifications pertinentes.
0

Je suppose que vous parlez de la getElementById() renvoie une référence à un élément, alors que les autres de retourner un nœud de la liste. Juste à l'indice de la nodelist pour les autres, par exemple document.getElementBytag('table')[4].

Aussi, n'est qu'une propriété d'un formulaire (HTMLFormElement), pas un table comme dans votre exemple.
0

C'est getElementsByName() et getElementsByTagName() - notez le "s" de "Éléments", indiquant que les deux fonctions renvoient une liste d'éléments, c'est à dire, une NodeList, vous aurez accès à un tableau. Notez que la deuxième fonction se termine avec "TagName" pas "Tag".

Même si la fonction renvoie uniquement un élément qu'il sera encore dans une NodeList de longueur. Donc:
```
var els = document.getElementsByName('frmMain');
//els.length will be the number of elements returned
//els[0] will be the first element returned
//els[1] the second, etc.
```
En supposant que votre formulaire est le premier (ou le seul) le formulaire sur la page, vous pouvez faire ceci:
```
document.getElementsByName('frmMain')[0].elements
document.getElementsByTagName('table')[0].elements
```
0

Si vous avez donné le même texte nom de votre Id et le Nom des propriétés que vous pouvez donner comme document.getElementByName('frmMain')[index] autres sages objet requis erreur viendra.Et si vous avez une seule table dans votre page, vous pouvez utiliser document.getElementBytag('table')[index].

EDIT:

Vous pouvez remplacer l'indice en fonction de votre forme, si la première place 0 dans l'indice.
-1
1. La getElementsByName() méthode permet d'accéder à tous les éléments avec la
  nom spécifié.
  cette méthode retourne la collecte d'éléments d'un tableau.
2. La getElementsByTagName() méthode permet d'accéder à tous les éléments avec la
  spécifié tagname.
  cette méthode retourne la collecte d'éléments d'un tableau.
3. Permet d'accéder au premier élément avec l'id spécifié.
  cette méthode retourne un seul élément.
par exemple:
```
<script type="text/javascript">
    function getElements() {
        var x=document.getElementById("y");
        alert(x.value);
    }
</script>
</head>
<body>
    <input name="x" id="y" type="text" size="20" /><br />
```
Ce sera le retour d'un seul élément HTML et affichage de la valeur de l'attribut.
```
<script type="text/javascript">
    function getElements() {
        var x=document.getElementsByName("x");
        alert(x.length);
    }
</script>
</head>
<body>
    <input name="x" id="y" type="text" size="20" /><br />
    <input name="x" id="y" type="text" size="20" /><br />
```
elle va retourner un tableau d'éléments HTML et le nombre d'éléments qui correspondent à l'attribut name.

Extrait de w3schools.

Vous devez vous connecter pour publier un commentaire.