<div>Hello, world!</div>

<script>
  let div = document.querySelector('div');

  //  <p>...</p> بـ div.outerHTML استبدال 
  div.outerHTML = '<p>A new element</p>'; // (*)

  // على حاله 'div'  ياللجعب! بقي 
  alert(div.outerHTML); // <div>Hello, world!</div> (**)
</script>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.