Home > Developer > JavaScript
Javascript uses appendChild to append a node instance and javascriptappend
This example describes how to append a node using appendChild in javascript. Share it with you for your reference. The specific analysis is as follows:
With the addition of DOM tree nodes, the instance code is as follows:
Copy codeThe Code is as follows: <Head>
<Script type = "text/javascript">
Function t (){
Var nodep = document. createElement ('P'); // create a p Node
Var art = document. createTextNode ('hello, World'); // create a text node
Var cont = document. getElementById ('Container'); // get the node
Cont. appendChild (nodep); // Add a node
Nodep. appendChild (art); // Add a text node
}
</Script>
<Style type = "text/css">
P {width: 100px; height: 100px; background: green ;}
# Container p {width: 100px; height: 100px; background: blue ;}
</Style>
</Head>
<Body>
<Div id = "container"> <p> hello world </p>
</Div>
<P> let's say two sentences. </p>
<Hr/>
<Button onclick = "t ()" value = ""> Add a node </button>
</Body>
</Html>
I hope this article will help you design javascript programs.
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
