How Can I Clear a Div\'s Content Using JavaScript?

Clearing Div Content with JavaScript

To dynamically remove the content of a div element when a user clicks a button, JavaScript offers an efficient solution.

Answer:

Using Pure JavaScript:

1. Define a function to clear the content of a div:

function clearBox(elementID) {
    document.getElementById(elementID).innerHTML = "";
}

2. Add an onclick event listener to the button that triggers the clearBox function:

<button onclick="clearBox('cart_item')">Clear Div</button>

Using jQuery (for comparison):

$("#cart_item").html("");

The above is the detailed content of How Can I Clear a Div\'s Content Using JavaScript?. For more information, please follow other related articles on the PHP Chinese website!