Create a new div element when button is clicked JavaScript [closed]

by

You can use the append() or appendChild() methods like this:

function submit() {
  var card = document.createElement("div");
  card.innerHTML = "Hello";
  
  var h1 = document.createElement("h1");
  h1.innerHTML = "Some h1 text";
  
  card.append(h1);
  document.body.append(card); 
}
<button onclick="submit()">Submit</button>

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to force browser to show image 3 inches wide?
  3. How can you add tooltip to an anchor
  4. what is better to represent news in html [closed]
  5. Why aren’t both of my scripts in html working?
  6. How can I turn a into a link?
  7. HTML and PHP in js
  8. Detect which word has been clicked on within a text
  9. How do I detect keypresses in Javascript?
  10. How can I get the DOM element which contains the current selection?
  11. How to download a file without using element with download attribute or a server?
  12. Open window in JavaScript with HTML inserted
  13. Detecting that the browser has no mouse and is touch-only
  14. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  15. how to disable DIV element and everything inside [duplicate]
  16. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  17. How to prevent html/JavaScript code modification
  18. Multiple read more / read less sections are not working on a page
  19. Drawing lines on html page
  20. Measuring text width/height without rendering
  21. Sending mail from HTML page with image in the body
  22. how to auto select an input field and the text in it on page load
  23. Generating sound on the fly with javascript/html5
  24. Disabling enter key for form
  25. Load HTML template with JavaScript
  26. How can I capture an image via the user’s webcam using getUserMedia?
  27. Call Library function from html with google.script.run
  28. onclick calling hide-div function not working
  29. Are dynamically inserted tags meant to work?
  30. Owl Carousel Won’t Autoplay

Leave a Comment