Skip to content

Latest commit

 

History

History
57 lines (35 loc) · 1.47 KB

54-node.md

File metadata and controls

57 lines (35 loc) · 1.47 KB
Raw

Node

Propriétés principales :

  • childNodes : liste des nœuds enfant

  • parentNode : le nœud parent

  • nextSibling : le prochain nœud

  • previousSibling : le nœud précédent

  • firstChild : premier nœud enfant

  • lastChild : dernier nœud enfant

  • nodeName : nom du nœud

  • nodeValue : valeur du nœud

Méthodes principales :

  • appendChild(node) : ajoute un nœud enfant en dernière position

  • removeChild(node) : retire un nœud enfant

  • insertBefore(new, ref) : ajoute un nœud juste avant le nœud de référence

  • replaceChild(new, old) : remplace l'ancien nœud par le nouveau

  • cloneNode(bool) : retourne un clone du nœud

  • hasAttributes() : indique si le nœud a des attributs

  • hasChildNodes() : indique si le nœud a des fils

Remarques : Argument de cloneNode() : true pour une copie incluant les fils

Exemple

var texte = document.createTextNode('hello world');
var titre = document.createElement('h1');
titre.appendChild(texte);		// Crée la balise <h1> complète

var body = document.getElementsByTagName('body').item(0);
body.insertBefore(titre,null);	// Ajoute le <h1> au <body>
			
var ul = document.createElement('ul');
var li = document.createElement('li');
li.appendChild(document.createTextNode('1er élément'));
ul.appendChild(li);		// Ajoute le <li> dans le <ul>

body.appendChild(ul);		// Ajoute le <ul> au <body>
		
var li2 = li.cloneNode(true);	// Clone <li>1er élément</li>
var li2Texte = document.createTextNode('2nd élément');