méthode getElementById() : vraiment utile ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : méthode getElementById() : vraiment utile ?

jokari34

bonjour

J'ai vu que pour accéder à un élement HTML via le DOM, en Javascript
il ya 2 facons :
- document.getElementById('IdElement').innerHTML (par ex)
- IdElement.innerHTML

dans ce cas, quel est l'intéret de passer par la méthode getElementById() si on peut y accéder directement par son id (sous réserver que l'id soit unique dans l'arbre (ce qui est censé etre le cas) ) ?

Je pensais que c'etait une question de compatibiltié inter navigateurs, mais les 2 facon marchent aussi bien sous IE que FF (mais j'ai pas essayé sur d'autres)

Message cité 1 fois

Publicité

gebruik

getElementById te permet de récupérer une valeur ou un contenu et donc de faire un traitement.

anapajari

s/travail/glanding on hfr/gs;

la deuxième c'est pas du DOM [:spamafote]
Je pense que c'est un vieu relent de la methode oldSch00lz d'accès aux éléments d'une page HTML.
edit: par ailleurs getElementById te renvoie un objet de type node element, et l'autre ... euh ... j'en sais rien [:cupra]

Message édité par anapajari le 04-12-2006 à 18:41:17

FlorentG

Unité de Masse

jokari34 a écrit :

dans ce cas, quel est l'intéret de passer par la méthode getElementById() si on peut y accéder directement par son id

Lapin compris. getElementById permet justement d'accéder à un élément par son id. Tout autre méthode n'est pas standard. On pourra aussi utiliser un alias, genre la fonction $ de prototype pour plus de légèreté

Message cité 1 fois

gatsu35

Blablaté par Harko

FlorentG a écrit :

Lapin compris. getElementById permet justement d'accéder à un élément par son id. Tout autre méthode n'est pas standard. On pourra aussi utiliser un alias, genre la fonction $ de prototype pour plus de légèreté

Juste un petit conseil en passant.
Lorsque vous êtes amenés à faire pas mal de JS, je ne pense pas trop utile d'utiliser tout de suite une lib, mais plutôt les parties d'une lib. Où le mieux c'est d'avoir un jeu de helpers fonctions sous la main, qui font gagner du temps pour l'écriture du code.

parmis ces fonctions pas mal sont tirées de quirksmode. Je ne le cache pas, on va pas réinventer la roue.

Code :

//Add Events
function addEvent( obj, type, fn ) {
if (obj.addEventListener)
obj.addEventListener( type, fn, false );
else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent( "on"+type, obj[type+fn] );
}
}
/* $: shortcut for document.getElementById*/
function $(obj) {
if(typeof obj == "string" ) {
return document.getElementById(obj);
} else {
return obj;
}
}
/*getElementsByClassName: return an array of Objects with specified className*/
function getElementsByClassName(oElm, sTagName, sClassName){
var aElements = (sTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(sTagName);
var aReturnElements = new Array();
sClassName = sClassName.replace(/\-/g, "\\-" );
var oRegExp = new RegExp("(^|\\s)" + sClassName + "(\\s|$)" );
var oElement;
for(var i=0; i < aElements.length; i++){
oElement = aElements[i];
if(oRegExp.test(oElement.className))
aReturnElements.push(oElement);
}
return aReturnElements
}
/*findPos: return position of an element*/
function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
curleft = obj.offsetLeft
curtop = obj.offsetTop
while (obj = obj.offsetParent) {
curleft += obj.offsetLeft
curtop += obj.offsetTop
}
}
return [curleft,curtop];
}
// getStyle : retourne la valeur d'une propriÃ©tÃ© CSS appliquÃ©e Ã un Ã©lÃ©ment
function getStyle(oElm, strCssRule){
var strValue = "";
if(document.defaultView && document.defaultView.getComputedStyle) {
try{ strValue = document.defaultView.getComputedStyle(oElm, "" ).getPropertyValue(strCssRule); }
catch(e) { strValue = ""; }
}
else if(oElm.currentStyle) {
try{
strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
return p1.toUpperCase();
});
strValue = oElm.currentStyle[strCssRule];
} catch(e) {
strValue = "";
}
}
return strValue;
}
/*retourne la valeur entiÃ¨re d'un style*/
function intStyle(oElm, strCSSRule) {
var val = parseInt(getStyle(oElm, strCSSRule));
if (isNaN(val)) val=0;
return val;
}
/* getText: retourne le contenu texte d'un Ã©lÃ©ment */
function getText(elm) {
if (elm.innerText) {
return elm.innerText;
} else {
return elm.textContent;
}
}

FlorentG

Unité de Masse

Ton addEvent risque de leaker, non ? L'avantage de frameworks comme prototype ou Yahoo! UI, c'est qu'ils nettoient tous les events à la fermeture de la page, à méditer.

Sinon pour getElementByClassName, je serais partant de la renommer en quelque chose de plus court (on pourrait avoir $id('pouet') et $class('tagada') par exemple)

gatsu35

Blablaté par Harko

pas bête chérie, pas bete

FORUM HardWare.fr

Programmation

HTML/CSS

méthode getElementById() : vraiment utile ?

Sujets relatifs
Texte changé après envoi via méthode post	Méthode de Connexion MySQL
Aide MACRO (desole je suis vraiment un nul en macro)	methode du retour inverse à la comprehension
différence entre fonction et méthode	Surcharge d'une méthode appartenent à un patron de classe
Envoi par méthode _Post quand on appuie sur un lien?	[C] Méthode replace de la classe string
[VB.NET] Fermer un process ouvert avec la méthode "GetObject" ???	[Access] Méthode hébergement Server.mdb et client utilisateur final
Plus de sujets relatifs à : méthode getElementById() : vraiment utile ?

Page générée en 0.080 secondes