JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<p>Para-1</p>
<p>Para-2</p>
<p>Para-3</p>
<div>This is already a div</div>
<p>Para-4</p>
<p>Para-5</p>
<div>This is already a div</div>
<p>Para-6</p>
<p>Para-7</p>

CSS

div {background-color:yellow;}

JavaScript

var pTags=document.getElementsByTagName('p');
for(i=0;i<pTags.length;)
{
    var p=pTags[i];
    alert(p.nodeName)
    div=document.createElement('div');
    div.innerHTML=p.childNodes[0].nodeValue;
    alert(p.parentNode.nodeName)
    p.parentNode.replaceChild(div, p);
}