get names of id's on a page

[SLEE]

can someone help me on how to get teh names of the id's on a page and display them. im a bit stuck i think it will need to use regular expression but im not up on regular expression. should i use getelementbytag frst to get the divs on the page then somehow get the name from that of each id="" part/

many thanks

[Raffles]

If you only want it for divs:

var divs = document.getElementsByTagName('div');
var ids = '';
for (var i=0; i<divs.length; i++) {
  if (divs[i].hasAttribute('id')) {
    ids += divs[i].getAttribute('id') + ', ';
  }
}
var p = document.createElement('p');
p.appendChild(document.createTextNode(ids));
document.getElementsByTagName('body')[0].appendChild(p);

Assumes you want a comma separated list of them to appear at the end of your page.

[SLEE]

excellent thanks but i want to do it to class aswell but i cat get that to work?

really appreciate it i didnt even know there was a hasAttribute thats really helpful

i was using this before you showed me:

var aDivs = document.body.getElementsByTagName("DIV");
for (x in aDivs)
{
if(aDivs[x].hasAttribute('id')){
document.write(aDivs[x].id + "<br />")
}

if(aDivs[x].hasAttribute('class')){
document.write(aDivs[x].class + "<br />")
}
}

and it wouldnt allow for class for some reason

[Raffles]

That's because you have to use getAttribute('class') or aDivs[x].className (not .class).

[SLEE]

ah i see, simple when you know how

why is it in my way teh browser seems to carry on doing something?
is there a way using your code to put each one on a new line?

thanks again for the help

[Raffles]

var divs = document.getElementsByTagName('div');
var p = document.createElement('p');
for (var i=0; i<divs.length; i++) {
  if (divs[i].hasAttribute('id')) {
    p.appendChild(document.createTextNode(divs[i].getAttribute('id')));
    p.appendChild(document.createElement('br'));
  }
}
document.getElementsByTagName('body')[0].appendChild(p);

[SLEE]

ah i see thanks for that the only problem i have now is thst this wont work in internet explorer. it doesnt like the hasAttribute() but i tried changing it to divs[i].id !== undefined and it still only works in firefox. ie writes out null to the screen. again i really appreciate the help

[Raffles]

Ah, I thought this was just for debugging or something of the sort. I'm not sure about this, but try divs[i].id != 'undefined' or !divs[i].id or divs[i].id != ''. I'm not sure how it should be, can't test it at the moment. You might also want to try using getAttribute and seeing if it's undefined/an empty string.