How do I clear the content of a div using JavaScript?

Just Javascript (as requested)

Add this function somewhere on your page (preferably in the <head>)

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

Then add the button on click event:

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

In JQuery (for reference)

If you prefer JQuery you could do:

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

Related Posts:

  1. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  2. Set cookie and get cookie with JavaScript
  3. How to change css property using javascript
  4. Check if an element contains a class in JavaScript?
  5. Why write script type=”text/javascript” when the mime type is set by the server?
  6. How to create a hidden in JavaScript?
  7. Failed to load resource: the server responded with a status of 404 (Not Found)
  8. See answer keys in Google Form (quiz) source page?
  9. CSS Background Opacity [duplicate]
  10. How do I vertically align text in a div?
  11. Why does z-index not work?
  12. How do I vertically center text with CSS?
  13. Failed to load resource: the server responded with a status of 404 (Not Found) css
  14. How do I vertically center text with CSS?
  15. How to make JavaScript execute after page load?
  16. How do I auto-resize an image to fit a ‘div’ container?
  17. Expected RBRACE, but the bracket is there?
  18. CSS `height: calc(100vh);` Vs `height: 100vh;`
  19. Change Background color (css property) using Jquery
  20. CSS no text wrap
  21. mailto using javascript
  22. Bootstrap 4 Sticky Footer Not Sticking
  23. Use images like checkboxes
  24. JavaScript Loading Screen while page loads
  25. Completely disable scrolling of webpage
  26. How can I make a CSS glass/blur effect work for an overlay?
  27. Should I use px or rem value units in my CSS?
  28. Flexbox: center horizontally and vertically
  29. Maintain the aspect ratio of a div with CSS
  30. What is the difference between id and class in CSS, and when should I use them?
  31. jQuery.addClass not working
  32. what’s the easiest way to put space between 2 side-by-side buttons in asp.net
  33. Calculate percentage Javascript
  34. Vertically centering a div inside another div
  35. Does bootstrap 4 have a built in horizontal divider?
  36. JavaScript function onhover in
  37. How to move image with css/html
  38. How can I set the image opacity for body background
  39. Why is the jquery script not working?
  40. How to style the option of an html “select” element?
  41. CSS pick a random color from array
  42. Adding background image to div using CSS
  43. How to display hr horizontally with flex?
  44. Align DIV’s to bottom or baseline
  45. Center a DIV horizontally and vertically
  46. how to overwrite css style
  47. How can I move this text up using CSS?
  48. Target a css class inside another css class
  49. CSS float right not working correctly
  50. How can I vertically align elements in a div?
  51. How to give spacing between buttons using bootstrap
  52. CSS hover effect is not working on my code
  53. Space between two rows in a table?
  54. How do I style a dropdown with only CSS?
  55. Make a div fill the height of the remaining screen space
  56. Add image in title bar
  57. vertical divider between two columns in bootstrap
  58. Why an inline “background-image” style doesn’t work in Chrome 10 and Internet Explorer 8?
  59. How to center a navigation bar with CSS or HTML?
  60. How to add image that is on my computer to a site in css or html?
  61. My CSS won’t link to my HTML file
  62. How to use PHP inside css file
  63. Table fixed header and scrollable body
  64. css display table cell requires percentage width
  65. Setting a max character length in CSS
  66. How to write a:hover in inline CSS?
  67. How to select an input element by value using javascript?
  68. CSS Resize/Zoom-In effect on Image while keeping Dimensions
  69. how to display a div triggered by onclick event
  70. How to make div appear in front of another?
  71. How to draw a trapezium/trapezoid with css3?
  72. External CSS not working
  73. How to exclude particular class name in CSS selector?
  74. HTML/CSS–Creating a banner/header
  75. How to create a text box in PHP to output data
  76. Change hover color on a button with Bootstrap customization
  77. Change an image with onclick()
  78. Alternate table row color using CSS?
  79. Set textarea width to 100% in bootstrap modal
  80. javascript window.location in new tab
  81. Can I apply a CSS style to an element name?
  82. How can I make a div not larger than its contents?
  83. CSS “and” selector – Can I select elements that have multiple classes?
  84. position fixed is not working
  85. How do I programmatically set the value of a select box element using JavaScript?
  86. Place a button right aligned
  87. How to set “style=display:none;” using jQuery’s attr method?
  88. td widths, not working?
  89. WordPress Bootstrap Handburger Menu Wont Open
  90. Firefox CSS Animations Broke [closed]
  91. How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
  92. prevent HTML output if custom field is empty [closed]
  93. Hide Tab Titles from Tabs Block
  94. Add other class content with reference class value
  95. WordPress Slider is not working
  96. jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
  97. How would I add this code to a single WordPress page?
  98. Trouble with adding preloader to my home page index.html and index.js
  99. Element works, but not on wordpress site [duplicate]
  100. Can I upload my HTML/CSS/Javascript game onto a WordPress page?

Leave a Comment