Version complète: jsB@nk » Snippet » JavaScript Ajout/Suppression d'?l?ments HTML avec le DOM
URL: https://www.javascriptbank.com/javascript-add-remove-html-elements-with-dom.html
Cette JavaScript code example dynamiquement ajouter/supprimer des ?l?ments HTML avec le contenu inclus dans les conform?ment ? la sp?cification DOM2 Un code tr?s simple JavaScript pour apprendre et ? utiliser DOM Essayez d'autres codes JavaScript sur ACC @ nk pour g?rer mieux DOM:? JavaScript POO avec l'entr?e Display Toggle - Contenu JavaScript Auto-indexation en utilisant DOM - Ajouter JavaScript champs de saisie Plus Unlimited
Version complète: jsB@nk » Snippet » JavaScript Ajout/Suppression d'?l?ments HTML avec le DOM
URL: https://www.javascriptbank.com/javascript-add-remove-html-elements-with-dom.html
<script type="text/javascript">// Created by: Dustin Diaz | http://www.dustindiaz.com/// This script downloaded from www.JavaScriptBank.comvar Dom = { get: function(el) { if (typeof el === 'string') { return document.getElementById(el); } else { return el; } }, add: function(el, dest) { var el = this.get(el); var dest = this.get(dest); dest.appendChild(el); }, remove: function(el) { var el = this.get(el); el.parentNode.removeChild(el); }};var Event = { add: function() { if (window.addEventListener) { return function(el, type, fn) { Dom.get(el).addEventListener(type, fn, false); }; } else if (window.attachEvent) { return function(el, type, fn) { var f = function() { fn.call(Dom.get(el), window.event); }; Dom.get(el).attachEvent('on' + type, f); }; } }()};Event.add(window, 'load', function() { var i = 0; Event.add('add-element', 'click', function() { var el = document.createElement('p'); el.innerHTML = 'Remove This Element (' + ++i + ')'; Dom.add(el, 'content'); Event.add(el, 'click', function(e) { Dom.remove(this); }); });});</script><div id="doc"> <p id="add-element">Add Elements</p> <div id="content"></div></div>