L'ajout d'éléments HTML avec JavaScript
Donc, si j'ai le HTML comme ceci:
<div id='div'>
<a>Link</a>
<span>text</span>
</div>
Comment puis-je utiliser JavaScript pour ajouter un élément HTML à l'endroit où cette ligne vide est?
OriginalL'auteur John Stimac | 2010-08-06
Vous devez vous connecter pour publier un commentaire.
Que vous n'avez pas mentionner toute utilisation de bibliothèques javascript (comme jquery, dojo), voici quelque chose de Pur javascript.
ou
document.getElementById('#div')
sera nulle, vous signifiait probablementdocument.getElementById('div')
Ceci est incorrect. insertBefore n'est pas une fonction globale, c'est une méthode que sur le La prototype. La bonne méthode est
parentElement.insertBefore(newElement, childElement)
.insertAfter
n'est pas une fonction réelle.parent.firstChild.after(txt);
pourrait travailler à la place.OriginalL'auteur simplyharsh
Options Disponibles
Doit être accepté de répondre à nos jours. La pleine prise en charge du navigateur et court comme un dératé.
OriginalL'auteur Saqib R.
Au lieu de traiter avec la
<div>
's les enfants, comme pour les autres réponses, si vous savez que vous voulez insérer, après l'<a>
élément, à lui donner un ID, et ensuite, vous pouvez insérer par rapport à ses frères:Puis insérez votre nouvel élément directement après que l'élément:
Cela vous permettra de toujours garantir votre nouvel élément suit le lien.
OriginalL'auteur Daniel Vandersluis
Si vous voulez utiliser quelque chose comme jQuery, vous pouvez faire quelque chose comme ceci:
OriginalL'auteur jigfox
jQuery a une belle, construit en fonction pour cela: d'après(), à http://api.jquery.com/after/
Dans votre cas, vous voudrez probablement un sélecteur comme ceci:
Les exemples de code à partir du lien donné ci-dessus montrent également comment charger jQuery si cela est nouveau pour vous.
OriginalL'auteur ford
En supposant que vous êtes seulement l'ajout d'un élément:
OriginalL'auteur tcooc