Home > Developer > JavaScript
JavaScript deletes an HTML element node code instance:
This section describes how to use native JavaScript implementations to delete a specified HTML element. The code example is as follows:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metaname= "Author"content= "http://www.softwhy.com/" /><title>Ant Tribe</title><style>#content{width:200px;Height:20px;Color:Red;}</style><Script>window.onload=function(){ varOBT=document.getElementById ("BT"); varOdiv=document.getElementById ("content"); Obt.onclick=function() {odiv.parentNode.removeChild (odiv); }}</Script></Head><Body><DivID= "Content">Ant Tribe</Div><inputtype= "button"ID= "BT"value= "View Effect"/></Body></HTML>
In native JavaScript, there is no one way to delete the element itself, if you want to delete the specified child elements can be deleted by the parent node's removechild () method, the code is relatively simple, there is not much to introduce, you can see the relevant reading.
Related reading:
The 1.parentNode () function can be found in the section Parentnode,childnodes,children properties .
The 2.removeChild () function can refer to the removechild () function usage of JavaScript in a detailed chapter.
JavaScript deletes an HTML element node code instance
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
