Web Analytics Made Easy -
StatCounter [Javascript] - add div contents to a array - CodingForum

Announcement

Collapse
No announcement yet.

[Javascript] - add div contents to a array

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [Javascript] - add div contents to a array

    Hi guys I was wondering if its possible to add contents within a div to a javascript array. Something like this:
    Code:
    <script type="text/javascript">
    function returnArray()
    {
        var divContent   = document.getElementById('images');
        var matchImage = divContent.match(/<img/);
        /* add images into array somehow */
        alert('This is ' +ImageArray[1]);
    
    }
    </script>
    
    <div id="images">
             <img src="image1.jpg" alt="image" />
             <img src="image2.jpg" alt="image" />
             <img src="image3.jpg" alt="image" />
    </div>
    Thanks for any info.

  • #2
    Code:
    <script type="text/javascript">
    function returnArray()
    {
        var divContent   = document.getElementById('images');
        //var matchImage = divContent.match(/<img/);
        /* add images into array somehow */
        //alert('This is ' +ImageArray[1]);
    	var a = new Array();
    	for(var i in divContent.childNodes){
    	if(divContent.childNodes[i].nodeType==1){
    		a[i]=(divContent.childNodes[i].src);	
    	}	}
    	return a;
    
    }
    
    function init(){
    	var a =returnArray();
            alert(a)
    }
    
    </script>
    
    </head>
    <body onload="init()">
    
    
    <div id="images">
             <img src="image1.jpg" alt="image" />
             <img src="image2.jpg" alt="image" />
             <img src="image3.jpg" alt="image" />
    </div>

    Comment


    • #3
      Thanks for the code DaveyErwin, now I get how it works

      Comment

      Working...
      X
      😀
      🥰
      🤢
      😎
      😡
      👍
      👎