Dom HTML : Objet Collection.namedItem

La méthode javascript namedItem

Définition

La méthode javascript namedItem(IdorName) de l'objet Collection du Document Object Model HTML (DOM HTML) permet récupérer un Node par rapport à la valeur de son attribut ID ou à la valeur de son attribut NAME.

Paramètres de namedItem

Paramètre

La méthode javascript namedItem(IdorName) de l'objet Collection du Document Object Model HTML (DOM HTML) accepte comme paramètre :
- IdorName, valeur de l'attribut id ou name.

Valeur retournée de namedItem

Valeur retournée

La méthode javascript namedItem(IdorName) de l'objet Collection du Document Object Model HTML (DOM HTML) renvoie comme valeur :
- un Node, par exemple un objet Option.
- null, si pas de Node avec un ID ou un NAME égale à la valeur de IdorName.

La recherche se fait d'abord sur la valeur de son attribut ID et si pas d'ID trouvé, on recherche sur la valeur de son attribut NAME.

Exemples de namedItem

Exemple

Code HTML :
Exemple de code :
<form id="formulaire" >
  <select id="select">
    <option value="v1" id="id">Option 1</option>
    <option value="v2" name="name">Option 2</option>
    <option value="v3" id="namea" name="namea">Option 3</option>
    <option value="v4" name="namea">Option 4</option>
    <option value="v5" id="name">Option 5</option>
  </select>
  <button type="button" onclick="collection_namedItem('id')"> Tester collection_namedItem('id') </button>
  <button type="button" onclick="collection_namedItem('name')"> Tester collection_namedItem('name') </button>
  <button type="button" onclick="collection_namedItem('namea')"> Tester collection_namedItem('namea') </button>
</form>

Code javscript :
Exemple de code :
function collection_namedItem(sId){
  var oSelect= document.getElementById("select");
  var aoOptions = oSelect.options;
  var oOption = aoOptions.namedItem(sId);
  alert(oOption.value);
}