Ada yang bertanya, bagaimana cara mengubah tag OL menjadi UL di halaman web html dengan javascript — Elemen yang ada di website sangat banyak, dari gambar, paragraph hingga daftar atau list.

Untuk menuliskan sebuah daftar biasanya digunakan ordered list dan unordered list yang ditandai dengan tag html ol dan ul, dan didalamnya ada tag li.

Pada satu kondisi, bisa saja kita ingin mengubah tag OL menjadi UL pada halaman web secara dinamis dan otomatis, untuk itu bisa dengan bantuan javascript.

Untuk itu bisa menggunakan script seperti berikut ini

HTML





<ol>




<li>asdf</li>
<p>







<li>foo</li>
<p>



</ol>
<p>

Javascript

var ol = document.getElementsByTagName("ol")[0]
    ul = document.createElement("ul");

ul.innerHTML = ol.innerHTML;

setTimeout(function() {
  ol.parentNode.replaceChild(ul,ol);
},1000);

Disitu Anda bisa lihat fun replaceChild di jquery berperan mengubah ul menjadi ol.

Semoga membantu..