Změnit název značky prvku JavaScript | Příklad použití Pure JS

Chcete-li změnit název značky prvku v JavaScriptu, jednoduše musíte vytvořit nový prvek a přesunout se přes všechny prvky, abyste si ponechali obslužné nástroje onclick a podobně, a poté nahradit původní věc.

Příklad nahrazení konkrétního názvu značky JavaScript

Dokončete ukázkový kód HTML:-

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        p { background-color:green;color:white; }
        div { background-color:blue;color:white; }
    </style>

    <script>


      function replaceTag(id){
       var that = document.getElementById(id);

       var p = document.createElement('p');
       p.setAttribute('id',that.getAttribute('id'));

     // move all elements in the other container.
     while(that.firstChild) {
         p.appendChild(that.firstChild);
     }
     that.parentNode.replaceChild(p,that);

 }
</script> 
</head>
<body>

    <div id="demo">Hello WORLD
     <UL>
      <LI>something</LI>
  </UL>
</div>

<input type="button" onclick="replaceTag('demo')" value="transform">


</body>
</html>

Zdroj kódu:stackoverflow.com

Výstup :

Napište komentář, pokud máte nějaké pochybnosti a návrhy k tomuto tématu.

Poznámka: Všechny příklady kódů JS jsou testovány v prohlížečích Firefox a Chrome.

OS:Windows 10

Kód:HTML 5 verze