delete element html js code example
Example 1: javascript remove element
//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"]
Example 2: remove div javascript
var div = document.getElementById('div-01');
div.remove();
Example 3: 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>
Example 4: js delete element
// delete an element from the dom
var elem = document.querySelector('#some-element');
elem.parentNode.removeChild(elem);
// keep element in dom
var elem = document.querySelector('#some-element');
elem.style.display = 'none';
Example 5: how to remove an element javascript html
const node = document.getElementById("node");
node.parentNode.removeChild(node);
Example 6: remove in javascript
function arrayRemove(arr, value)
{
return arr.filter(function(ele){
return ele != value;
});
}
//var result = arrayRemove(array, 6);// result = [1, 2, 3, 4, 5, 7, 8, 9, 0]