Q:

remove element javascript

//removing element by ID
var element = document.getElementById("myElementID");
    element.parentNode.removeChild(element);
10
var elem = document.querySelector('#some-element');
elem.parentNode.removeChild(elem);
5

<p id="p2">This is another paragraph.</p>

<script>
	var elmnt = document.getElementById("p1");
 	elmnt.remove();
</script> 
2
//remove a dom element
var element = document.getElementById("someId");
	element.parentNode.removeChild(element);

//remove element from array
var colors=["red","green","blue","yellow"];
var blue=colors.splice(2, 1);//first arg is array index to remove
//colors is now ["red","green","yellow"]
4
var div = document.getElementById('div-01');
div.remove();
3
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>
9
document.createElement(element)	//Create an HTML element
document.removeChild(element)	//Remove an HTML element
document.appendChild(element)	//Add an HTML element
document.replaceChild(new, old)	//Replace an HTML element
document.write(text)			//Write into the HTML output stream
2
delete obj.entry;
0

New to Communities?

Join the community