Avatar billede linuxklovnen Nybegynder
31. januar 2004 - 19:29 Der er 6 kommentarer

Ændring af html-elements class

Når jeg trykker på en knap med onClick="showHide('Selvvalgt_id')" og den så gør følgende

document.all(id).style.display = '';
document.images['i'+id].src = 'inc/minus.gif';
document.element['s'+id].class = 'dashedunderline';

så forstår jeg ikke helt hvordan man ændrer class på et element. Er det ikke bare som jeg har skrevet der?
document.element['s'+id].class = ....

Håber at jeg har beskrevet det godt nok for jer.
Avatar billede linuxklovnen Nybegynder
31. januar 2004 - 19:31 #1
skal siges at der et <img> der ser sådan ud:
<img src='inc/plus.gif' id='iSelvvalgt_id'>
og et element der ser således ud:
<span id='sSelvvalgt_id' class='nounderline'>
Avatar billede roenving Novice
31. januar 2004 - 19:31 #2
-- den hedder className ...
Avatar billede roenving Novice
31. januar 2004 - 19:34 #3
-- men det er dumt at ændre class på et element !o]

-- for browserens css-fortolker skal genberegne hele sit css DOM-træ bare du ændrer een lille ting på eet element, det anbefales (fra alle sider, også browser-fabrikanterne !-) at du bare ændrer de(n) property, som skal være anderledes på den måde skal den ikke kigge alle mulige småting ift. css-træet igennem ...
Avatar billede linuxklovnen Nybegynder
31. januar 2004 - 19:48 #4
den fatter ikke .border-bottom = '1px black dashed';
Avatar billede roenving Novice
31. januar 2004 - 19:49 #5
.style.borderBottom = '1px dashed black' !-)
Avatar billede roenving Novice
31. januar 2004 - 20:05 #6
Generelt kan siges at css-properties, som har en bindestreg i omskrives efter interCap-metoden:

Bindestreger fjernes og i stedet gøres det næste bogstav stort !-)

Javascript tillader nemlig ikke bindestreger, hvorimod det er en helt normal procedure i css.

-- I princippet må du også lave class-names med bindestreger (som du også må bruge til en del i html !-), men jeg plejer nu konsekvent at bruge interCap i både css, html og javascript, så andet end bogstaver og tal erstattes med næste-bogstav-stort !o]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester