Hvordan ændrer jeg ID i en <DIV>

Det gør du ikke - hvorfor i alverden vil du dog ændre en id? Når først html\'en er skrevet til filen, kan du ikke gå tilbage i den og ændre den.

Kan du ikke løse problemet med en funktion eller et klasseskift?

Men det er da vel nærmere en class, du vil ændre??

Hvad skulle formålet med at ændre navn være?

Det er da meget enklere at angive en anden class for den:

i stylesheetet:

.on {
  visibility:visible
}

.off {
  visibility:hidden
}


og i div\'en:

<div id=\"minId\" class=\"on\">
<input type=button value=\"Gem mig\" onClick=\"document.all.minId.style.className=\'off\'\">

hth
jes

Selvfølgelig kan man ændre id (selvom jeg heller ikke forstår hvorfor)..

document.getElementById(\'on\').id=\'off\';

Måske var det en bedre ide at sætte en attribut på div\'en:

<DIV id=\"minDiv\" on=\"true\">

den kan du så ændre til \"false\"...

document.getElementById(\'minDiv\').on=\'false\';

:-) Lars

Det behøver ikke at have noget med en class at gøre. Det kunne jo være man havde en række \"felter\" som fik sat \"on\" når de f.eks. blev ændret, og at man så til sidst ønskede at hente værdien af alle felter med \"on\".

:-) Lars

Tak for svarende :)
Min idé var netop at skifte class, men da jeg ikke havde regnet mig frem til style.className brugte jeg istedet #classnavn som gik på id\'et.

Men mit primære problem var, at jeg kunne ikke fange <DIV>\'en i min funktion ;)

Så hører det også med at fortælle at document.all er IE4+
og document.getElemetById er IE5+ og NS6+
;·]

Ups ...  getElementById

Perfekt! - tak :)

<ole>
Hvis man har rækker af <div>, som er \'døbt\' i rækkefølge, kan det være praktisk at kunne rename dem, hvis man dynamisk tilføjer flere <div>. Der er situationer, hvor man kan slanke sin kode betydeligt og holde den overskuelig, hvis man kan holde en rækkefølge i sine elementer. Her er det yderst praktisk at kunne omdøbe dem  :)
/mvh
</bole>

>>ole

Ja, det kan vi sikkert sagtens konstruere et eksempel på, men da id\'en hed henholdsvis \'on\' og \'off\' fik jeg en kraftig mistanke !·]

PS. Takker for point ;~}

Jeg har nu haft tid til at bruge jeres svar før nu, og devsærre har jeg nogle problemer med at få det til at virke:
Begge nedenstående har ingen effekt på lagets visibiltet:
1)
<div id=\"testdiv\" class=\"teston\">Test</div>
<a href=\"#\" onClick=\"document.all.testdiv.style.className=\'testoff\';\">skjul</a>

2)
<div id=\"testdiv\" class=\"teston\">Test</div>
<a href=\"#\" onClick=\"document.getElementById(\'testdiv\').style.className=\'testoff\';\">skjul</a>

styles på dem begge:
.teston {visibility:visible;}
.testoff {visibility:hidden;}

Et eller andet må jeg jo gøre forkert, men jeg kan ikke sgutte lure den :/

(har kun kunne teste i IE5)

<a href=\"#\" onClick=\"document.all.testdiv.className=\'testoff\';\">skjul</a>

...that\'s all  =)
/mvh

Ja, væk med style ;)

muchas gracias, olé

...anytime  :)

<a href=\"#\" onClick=\"document.all.testdiv.className=\'testoff\';\">skjul</a>
...men:
<a href=\"#\" onClick=\"document.all.testdiv.style.visibility=\'hidden\';\">skjul</a>

...fordi \'class\' hører under div-objektet, mens \'visibility\' hører under style-objektet, der igen hører under div-objektet:
<div id=\"testdiv\" class=\"teston\" style=\"visibility:visible\">You see...?</div>

/mvh

Ahh.. ja - det er jo ganske logisk. DOM here I come ;)