How to Clear a Div\'s Content Using JavaScript?

Clearing the Content of a Div in JavaScript

When working with interactive web pages, you may encounter the need to clear the content of a particular div element in response to user actions. This can be achieved through the use of JavaScript.

Solution using Native JavaScript:

1. Define a JavaScript function to clear the content of a div based on its ID:

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

2. Attach this function as an onclick event handler to the desired button:

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

Solution using jQuery (for Reference):

If you prefer working with jQuery, you can clear the content of a div as follows:

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

Simply replace the "cart_item" selector with the ID of the div you want to clear.

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