JavaScript DHTML/Node Operation/appendChild

Материал из Web эксперт
Перейти к: навигация, поиск

"appendChild()" Example

   <source lang="html4strict">

<html> <body> <script language="javascript"> function function1(){

var myElement = document.createElement("
"); 
  document.all.myBody.appendChild(myElement);

} </script> <body id="myBody"><button onclick="function1();">Append child</button></body> </body> </html> 


 </source>


Append text node to paragraph tag

   <source lang="html4strict">

<html> <head> 

   <title>Location</title>
   <script type = "text/javascript">
       function showProps() {
           var body = document.getElementsByTagName("body")[0];
           for (var prop in location) {
               var elem = document.createElement("p");
               var text = document.createTextNode(prop + ": " + location[prop]);
               elem.appendChild(text);
               body.appendChild(elem);
           }
       }
        
   </script>

</head> <body onload="showProps()"> </body> </html> 

 </source>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Node_Operation/appendChild&oldid=3489»