Please enable JavaScript.
Coggle requires JavaScript to display documents.
DOM: document object model (DOM document (window.document.head : élément…
DOM: document object model
DOM document
window.document.head : élément <head>
window.document.title : element <title>
window.document.body : élément <body>
window.document.images : collection de tous les éléments <img>
window.document.links : collection d’éléments <a>
window.document.forms : collection d’éléments <form>
DOM elements
document.getElementById("idofelement");
document.getElementsByTagName("Nom de balise");
document.getElementsByClassName("Nom de la classe");
DOM attributs
unelement.hasAttribute(name) : booléen
unelement.getAttribute(name) : chaîne de caractères
unelement.setAttribute(name, value)
unelement.removeAttribute(name)
DOM events
onClick="this.innerHTML='hello!'"
changer le contenu HTML : document.getElementById(id).innerHTML
modification de l'arbre
creation des noeuds
window.document.createElement(tagName) : retourne l'élément créé
window.document.createElementNS(namespaceURI, tagName) : pour fixer un espace de
nom à l'élément ; retourne l'élément créé
window.document.createTextNode(text) : retourne le nœud texte créé
window.document.createComment(text) : retourne le nœud commentaire créé
window.document.createAttribute(name) : retourne le nœud attribut créé
modification de l'rbre DOM
n.removeChild(nodeToRemove) : retourne l'objet supprimé
n.insertBefore(nodeToInsert, childRef) : retourne l'objet inséré
n.appendChild(nodeToAppend) : retourne l'objet inséré
n.replaceChild(newNode, oldNode) : retourne l'objet remplacé
n.cloneNode(deepOrNot) : retourne l'objet résultat de la copie