Comment insérer une nouvelle division qui entoure les éléments existants

Question

Étant donné ce balisage:

<h1>Lorem ipsum!</h1> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p> 
<p>Aliquam erat volutpat.</p> 

Comment puis-je entourer les deux paragraphes existants avec une nouvelle div en utilisant JavaScript?

Résultat souhaité:

<h1>Lorem ipsum!</h1> 
<div> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p> 
<p>Aliquam erat volutpat.</p> 
</div> 

Answer 1

Voir this question pour une solution en utilisant JavaScript plaine.

Answer 2

jquery a une méthode wrap si vous utilisez (et sinon, pourquoi pas :))

Answer 3

Vous devez ajouter une classe aux balises de paragraphe et utiliser la fonction wrapAll().

$(".yourPclass").wrapAll("<div/>"); 

(C'était de faire une supposition si vous utilisiez jquery *)

Answer 4

https://developer.mozilla.org/en/insertbefore ou https://developer.mozilla.org/en/appendchild si vous voulez faire manuellement.