2010-06-28 6 views

Répondre

0

il obtient un élément DOM par son ID

7

La plupart des constructions html ont un élément appelé « id », qui doit être unique dans toute la page html. Tels que <div id="uniqueDiv1">. getElementById renvoie cet objet HTML. Dans mon exemple, getElementById("uniqueDiv1") renvoie cette div. Vous pouvez ensuite l'utiliser pour définir un style ou faire quelque chose avec.

+0

Et dans Internet Explorer 6/7, il retournera un élément dont l'attribut "name" a aussi cette valeur. En d'autres termes, Internet Explorer est cassé dans ce cas. (Je pense que 8 fixe cela, mais je ne suis pas sûr à 100%.) – Pointy

1

Renvoie un élément du document HTML dont l'attribut ID est défini sur la valeur que vous demandez. Par exemple, le JavaScript

document.getElementById('myId'); 

renverra le premier élément trouvé qui correspond à cet ID, comme

<a id="myId">Link</a> 

Je dis que le « premier élément trouvé » parce que c'est exactement ce qui va se passer - par définition , Les identifiants doivent être uniques dans la page. Chaque page HTML doit avoir seulement 1 ID du même nom. Si vous ne respectez pas cette règle, vous obtiendrez des résultats inattendus.

0

getElementById vous permet d'accéder aux éléments d'une page.

permet d'utiliser cette page comme exemple:

<html> 
<head> 
<title>Test Page</title> 
</head> 
<body> 
<div id="myDIV">Hello World!</div> 
</body> 
</html> 

document.getElemenById('myDIV').innerHTML vous donnera Hello World! document.getElementById('myDIV').style.display = "none" cacherez la balise div.

Si vous voulez voir ce que tout ce qu'il peut faire sur une page en direct, je suggère d'obtenir Firefox et installer l'addon Firebug. Cela vous permettra de voir toutes les choses du DOM et de jouer avec eux sans avoir à réenregistrer une page.