What is Adding and Deleting html Elements in HTML

document.createElement(element) //Create an HTML element
document.removeChild(element) //Remove an HTML element
document.appendChild(element) //Add an HTML element
document.replaceChild(new, old) //Replace an HTML element
document.write(text) //Write into the HTML output stream
Removing an element is much easier, as it only requires the element's ID.
1. function removeElement(elementId) {
2. // Removes an element from the document.
3. var element = document. getElementById(elementId);
4. element. parentNode. removeChild(element);
5. }

Example:
<h1>The remove() Method</h1>

<p>The remove() method removes the element from the DOM.</p>

<p id="demo">Click the button, and this paragraph will be removed from the DOM.</p>

<button onclick="myFunction()">Remove paragraph</button>

<script>
function myFunction() {
var myobj = document.getElementById("demo");
myobj.remove();
}
</script>

Leave a Comment