javascript: Extract elements from array

Question

I have no idea whether this should be done or not.

Here is my problem:

I created an function which creates and stores 10 div elemets(with unique IDs).

I want to make another function which would take an array as its parameter and alert the ID of the 5th div(or any particular div element).

Please help

function createText(){
    var combo = [];
    for( i =0; i<=5 ; i++) {
        var newText = document.createElement("input");
        newText.type = "text";
        newText.id = "text"+i;
        newText.style.width ="20px";
        newText.style.height ="20px";


        var newDiv = document.createElement("div");
        newDiv.type = "div";
        newDiv.id = "div"+i;
        newDiv.style.backgroundColor ="red";
        newDiv.style.cssFloat = "left"; 

        document.getElementById("tryingin").appendChild(newDiv.cloneNode());

        combo.push(document.getElementById("div"+i).appendChild(newText.cloneNode()));
    }

    alert(combo);
}


function alert(arr) {
    //now I want to alert the id of the div(or textbox) here
}

Look up the array.slice(...) function

asawyer
– asawyer

2013-01-14 18:42:48 +00:00
Commented Jan 14, 2013 at 18:42 — asawyer
– asawyer, Commented Jan 14, 2013 at 18:42
ok i am checking array.slice()

user1974333
– user1974333

2013-01-14 18:44:11 +00:00
Commented Jan 14, 2013 at 18:44 — user1974333
– user1974333, Commented Jan 14, 2013 at 18:44

Kyle · Accepted Answer · 2013-01-14 18:45:11Z

1

Assuming you have an array of divs all with unique ids, a function would look something like this:

function alertFifth(listOfDivs) {
  alert(listOfDivs[4].id);
}

JavaScript allows for access into arrays by index starting at 0 (as with most modern languages). Note that the fifth element is considered the 4th in CS terms.

answered Jan 14, 2013 at 18:45

Kyle

1,4431 gold badge11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Frédéric Hamidi Over a year ago

It's still the fifth element of the array, it only resides at index 4. Unless you're from the "zeroth element" school of thought? :)

ic3b3rg Over a year ago

question is or any particular div element

user1974333 Over a year ago

this gives me id of text box. thats fine. i want id of the div

Pow-Ian · Accepted Answer · 2013-01-14 20:49:55Z

0

Your function is wrong.

combo.push(document.getElementById("div"+i).appendChild(newText.cloneNode()));

Here you add the input to the div and then you add input to the array. The appendChild method returns a reference to the added node.

you need to be doing it in two lines:

document.getElementById("div"+i).appendChild(newText.cloneNode());
combo.push(document.getElementById("div"+i));

Then you need a function like so:

function aklertDivbyIndex(theDivs, index){
    return alert(theDivs[index].id);
}

answered Jan 14, 2013 at 20:49

Pow-Ian

3,6351 gold badge25 silver badges32 bronze badges

Collectives™ on Stack Overflow

javascript: Extract elements from array

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related