Answers for "add html elements using javascript"

11

how to add elements in javascript html

//adding 'p' tag to body

  var tag = document.createElement("p"); // <p></p>
  var text = document.createTextNode("TEST TEXT"); 
  tag.appendChild(text); // <p>TEST TEXT</p>
  var element = document.getElementsByTagName("body")[0];
  element.appendChild(tag); // <body> <p>TEST TEXT</p> </body>
Posted by: Guest on May-31-2020
11

javascript delete element

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>
Posted by: Guest on April-10-2020

Code answers related to "add html elements using javascript"

Code answers related to "Javascript"

Browse Popular Code Answers by Language