CodePen Embed - JS-p2-07-Modifying the document-ex3

<ol id="ol">
  <li>0</li>
  <li>1</li>
  <li>2</li>
</ol>

<script>
  ol.before('before'); // إضافة السلسلة "before" قبل العنصر <ol>
  ol.after('after'); // إضافة السلسلة "after" بعد العنصر <ol>

  let liFirst = document.createElement('li');
  liFirst.innerHTML = 'prepend';
  ol.prepend(liFirst); // إضافة  العنصر liFirst في بداية القائمة  <ol>

  let liLast = document.createElement('li');
  liLast.innerHTML = 'append';
  ol.append(liLast); // إضافة  العنصر liLast في نهاية القائمة  <ol>
</script>

This Pen is owned by Hsoub on CodePen.

See more by @Hsoub on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.