begin process at 2012 05 28 10:26:47
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > GET ALL ELEMENTS OF A PAGE OR UNDER A TAG

GET ALL ELEMENTS OF A PAGE OR UNDER A TAG


 Information sur la source

Note :
3 / 10 - par 1 personne
3,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs & Astuces Classé sous :getNodes, get, nodes, node, child Niveau :Initié Date de création :22/02/2011 Date de mise à jour :22/02/2011 12:47:39 Vu :1 625

Auteur : astro53

Ecrire un message privé
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

Here is a code that retrieve all the tags (under a tag or all in the page).
Can be usefull when you try to reach all elements under a certain div.

Source

  • /*
  • getAllElements.js
  • Author: Benjamin
  • Version: 1.1
  • Creation: Unknow
  • LastModification: 22.02.2011
  • Copyright: Free of use if you mention the author and source
  • Version 1.0
  • => Retrieve all tags element in the page.
  • */
  • /*
  • function getNodes(beginNode,bool)
  • Return: nothing
  • Atrributes:
  • beginNode: the tag name to start from;
  • Method:
  • get the children of the current tag;
  • loop the childs
  • when child is a tag do some work
  • if the child as children recall the function with the tag for beginNode
  • */
  • function getNodes(beginNode){
  • var nodes = beginNode;
  • nodes = beginNode ? beginNode.childNodes : document.childNodes;
  • for(var i=0; i < nodes.length ; i++){
  • if(nodes[i].nodeType==1){
  • /*
  • Do something here
  • In the exemple give the name of the tag in alert mode
  • */
  • alert(nodes[i].nodeName);
  • if(nodes[i].childNodes){
  • getNodes(nodes[i]);
  • }
  • }
  • }
  • }
  • //get all elements in the page includes head tags
  • getNodes();
  • //get only the element under the specified tag
  • var nodes = document.getElementsByTagName('div')[0]; //here the first div childs
  • getNodes(nodes);
/*
getAllElements.js
Author: Benjamin
Version: 1.1
Creation: Unknow
LastModification: 22.02.2011
Copyright: Free of use if you mention the author and source

Version 1.0
=> Retrieve all tags element in the page.
*/

/*
function getNodes(beginNode,bool)
Return: nothing
Atrributes:
  beginNode: the tag name to start from;
Method:
  get the children of the current tag;
  loop the childs
  when child is a tag do some work
  	if the child as children recall the function with the tag for beginNode
*/
function getNodes(beginNode){
	var nodes = beginNode;
	nodes = beginNode ? beginNode.childNodes : document.childNodes;
	for(var i=0; i < nodes.length ; i++){
		if(nodes[i].nodeType==1){
			/*
				Do something here
				In the exemple give the name of the tag in alert mode
			*/
			alert(nodes[i].nodeName);
			if(nodes[i].childNodes){
				getNodes(nodes[i]);
			}
		}
	}
}

//get all elements in the page includes head tags
getNodes();

//get only the element under the specified tag
var nodes = document.getElementsByTagName('div')[0]; //here the first div childs
getNodes(nodes);

 Conclusion

I hope this code will help some people like he helped me.


 Historique

22 février 2011 12:47:39 :
A childNodes to delete in the var node example

 Sources du même auteur

Source avec Zip GENERATE PASSWORD
Source avec Zip PLAY COLORS V2.0
Source avec Zip DYNAMIC MENU AND NAME (SUB) MENUS V1.0

 Sources de la même categorie

PARSER LES CARACTÈRES HTML D'UNE STRING par jdmcreator
CONSTRUCTION D'UNE TABLE TRIABLE À PARTIR D'UN TABLEAU 2D par phm
Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol

 Sources en rapport avec celle ci

RÉCUPERER LES VARIABLES $_GET par heycraft
ANALYSER & RÉCUPÉRER LES VARIABLES DE L'URL par pifou25
AJAX - UN SEUL APPEL DE FONCTIONS POUR FAIRE DES LIENS ET SO... par Gwinyam
Source avec Zip Source avec une capture OBTENIR LA COULEUR DE FOND VISIBLE D'UN ÉLÉMENT DHTML [GETVI... par MaX3315

Commentaires et avis

Commentaire de phm le 23/02/2011 09:27:56

très nouveau pour moi. Merci.A suivre...

Commentaire de LeFauve42 le 14/03/2011 17:51:22 3/10

Bonjour,

C'est plus un snippet qu'un code a mon avis...
Je crois qu'il y a un endroit pour ca dans codes-sources.

Le niveau initie me parait un peu usurpe aussi...
Ca peut etre educatif a la rigueur mais l'interet est un peu limite pour des applications reelles car tous les frameworks modernes (prototypejs, jQuery, etc...) proposent ce genre de choses en standard (et en beaucoup plus flexible et performant (Regarde les implementations JS des selecteurs CSS3 si tu veux savoir comment ca marche)).

Eric

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Récupérer valeur post ou get [ par Flyer ] Comment je peut faire pour récuprer les valeurs des variables transmisent à une autre page par l'intermédiaire d'un post ou un get ?Ex:Page 1 envoie à obtenir l'URL d'une frame par une autre [ par SoniqExnihilo ] Voila. j'ai un framse contenant 2 frame. Dans la premiere frame il y as 2 boutons,un Get et un Set, et une zone de text, dans la seconde il y a google Script d'upload d'images dans un forum [ par YannCo ] Salut, j'ai un code qui me permet de naviguer sur le serveur d'y uploader ou sélectionner une image et qui l'insère à partir d'un éditeur.J'aurai aimé Mehode Get et JavaScript [ par Waldo2188 ] Salut &#224; tous, j'aimerais savoir comment on r&#233;cup&#232;re une valeur pass&#233; en param&#232;tre dans l'adresse url, par la methode GET. lecture des attributs xml en javascript [ par emiilie ] bonjou a tous, je voudrais savoir comment on peu lire la valeur des attributs xml en javascript.Je m'explique:j'ai le fichier xml contenant&lt;languag post/get + JS... [ par joduak ] Salut, J'ai 3 champs de formulaires. 2champs date et dur&#233;e en POST et 1 champ nbre de personne en GET. chaque champ appartient &#224; un seul &lt tableau JS et méthode GET! [ par joduak ] Salut! J'ai un pb au niveau d'un passement de variable de type tableau en m&#233;thode GET. Sur page1.php je recueille des valeurs issues des diff pb de lien en cible "blank " et d'icone différenciée sur un "tree" [ par sharpeipanam ] Bonjour &#224; tousJe souhaite travaill&#233; sur un "tree" et j'ai trouv&#233; ce lien qui est une bonne source: http://www.destroydr probleme entre ie et firefox [ par Phenomenium ] bonjour voila jai ce script de recherche qui fonctionne tres bien sous firefox, mais qui ne fonctionne pas sous IE.Est ce que quelqun peu me dire pk ? Probleme avec la fonction addEventListener [ par gussoner ] Bonjour à tous, Voila commence à faire un moment que je me bas avec cette fonction sans obtenir de resultats.. J'utilise du Javascript pour "animer" d


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,359 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales