Tutorial - Javascript - Arrays - Insert into a div |
|
| Author | Ian - Tutorial Posts = 62 |
| Javascript arrays are just like any other object orientated language, in the aspect an array is a block of memory associated with main object. To create an array in Javascript just need to call <object> = Array(5); Or <object> = Array(“value1”,”value2”…); The code below is using a default screen from which you press the “Click Here” button and the array is used to insert into a <div> html tag. To insert into a div tag within javascript, there needs to be a new node created and in this instance a text node is created which in turn is appended to the div. The code hopefully will explain more. --- <html> <script language="javascript"> // setup the main array var setArray = Array("hi", "there", "this", "is", "a","test"); // insert the array into the DIV smalltest object function insertArray() { var theText = ""; // set the theText output to an empty string otherwise it would start with null. for (var i=0; i < setArray.length; i++) { // create the array of text to insert theText += setArray[i]; } // create the createTextNode var insertText = document.createTextNode(theText); document.getElementById("smalltest").appendChild(insertText); } </script> <body> Just a small test, <div id="smalltest"> </div> <input type="submit" value="click here" onclick="javascript:insertArray()" /> </body> </html> --- |
|
| Copyright@CodingFriends, 2005-2006. All Rights Reserved. | |
| Home | Forums | Tutorials | Users | |
