Finde et element med document.getElementById

Hvad er det, der skal starte med "test"? Er det elementernes id'er?

F.eks.:

<script type="text/javascript">
function findIDs(s){
  var a=[];
  for(var i=0,im=document.getElementById("*");i<im.length;i++){
    if(im[i].getAttribute("id").indexOf(s)>-!)a.push(im[i]);
  }
  return a;
}

aElementer=findIDs("test");
</script>

aElementer=findIDs("test"); skal selvfølgelig først køres, når alle elementer på siden er genereret.

Vi prøver lige igen:

<script type="text/javascript">
function findIDs(s){
  var a=[];
  for(var i=0,im=document.getElementsByTagName("*");i<im.length;i++){
    if(im[i].getAttribute("id").indexOf(s)==0)a.push(im[i]);
  }
  return a;
}

aElementer=findIDs("test");
alert("Der blev fundet "+aElementer.length+" elementer!");
</script>

hej w13
den virker fint i Expplorer. Men I firefox klager over denne linje: if(im[i].getAttribute("id").indexOf(s)==0)a.push(im[i]);

og fejl meddelsen er:

im[i].getAttribute("id") has no properties.

Ok, det er så, hvis et element ikke har et ID. Ret til:

<script type="text/javascript">
function findIDs(s){
  var a=[];
  for(var i=0,im=document.getElementsByTagName("*");i<im.length;i++){
    if(!im[i].getAttribute("id"))continue;
    if(im[i].getAttribute("id").indexOf(s)==0)a.push(im[i]);
  }
  return a;
}

aElementer=findIDs("test");
alert("Der blev fundet "+aElementer.length+" elementer!");
</script>

Det virker perfekt nu.

Du kan da også lige få en version som benytter Regular Expressions til at søge med:

    function findByRegEx(idregex) {
      var sel = [];
      for(var i = 0, elms = document.getElementsByTagName("*"); i < elms.length; i++) {
        var eid = elms[i].getAttribute("id");
        if(idregex.test(eid))
          sel[sel.length] = elms[i];
      }
      return sel;
    }

Kaldes (ikke overraskende) med et regular expression objekt:

    aElementer = findByRegEx(/^test/i);

Tak for point! :)

<ole>

- men hvis det nu er elementer af en bestemt slags, bliver søgningen betydeligt mere specifik ved at bruge tag-navnet i stedet for '*'  =)

/mvh
</bole>