javascript html öge eklemek - yardım

Bir elementten önce veya sonra html tagları içeren bir html öbeği daha eklemek istiyorum.

Denediğim yöntemlerde;

h.insertAdjacentHTML("afterbegin", "<p>My new paragraph</p>");

yukardaki çalışıyorken;

h.insertAdjacentHTML("afterbegin", "<p class="deneme">My new paragraph</p>");

çift tırnak içinde tekrar çift tırnak kullandığım için olmuyor. Bu yazım şeklini nasıl düzeltip çalışmasını sağlayabiliriz?

Çift tırnak yerine tekli tırnak kullanırsanız sorun ortadan kalkacaktır.

Birde şöyle deneyin;

h.insertAdjacentHTML("afterbegin", "<p class='deneme'>My new paragraph</p>");

ikinci çift tırnağı tek tırnak olarak yazmayı dene.

h.insertAdjacentHTML("afterbegin", "<p class='deneme'>My new paragraph</p>");

şeklinde

<p> tagine class vermek yerine, <p> tagini span taginin içine alırsan sorun ortadan kalkar.
Yapman gereken şey;
h.insertAdjacentHTML("afterbegin", "<span class=deneme><p>My new paragraph</p></span>");

Umarım işine yaramıştır.