Avatar billede supermand69 Nybegynder
31. december 2004 - 00:13 Der er 9 kommentarer og
1 løsning

sætte class på links

jeg har en div med en table... hvordan kan jeg via js sætte en class på alle links i den pågældende div?
Avatar billede softspot Forsker
31. december 2004 - 00:18 #1
I IE:

sat en id på div-elementet og find så elemenetet således

var divElement = document.getElementById(det-id-du-har-sat);
divElement.className = "klassenavnet";

Ikke garanteret at det fungerer i alle browsere, men du kan jo prøve :)
Avatar billede apo Praktikant
31. december 2004 - 00:19 #2
Du kan sætte din class direkte ind i linket:

<a href="http://" class="class1">Class1</a>

Apo
Avatar billede softspot Forsker
31. december 2004 - 00:24 #3
Sorry, jeg læste ikke spørgsmålet ordentlig :(

Find div-elementet som tidligere beskrevet og iterer igennem alle anchors som vist herunder:

var tags = divElement.childNodes
for(var i = 0; i < tags.length; i++)
{
  if(tags[i].tagName == "A")
    tags[i].className = "klassenavn";
}

ikke testet, men noget i den stil.
Avatar billede apo Praktikant
31. december 2004 - 00:41 #4
Jeg tror at jeg misforstod spørgsmålet :-)

Apo
Avatar billede olebole Juniormester
31. december 2004 - 00:50 #5
<ole>

Afhængig af, hvad det er, du skal lave, kan det være en skidt løsning. Hvergang du gennemløber løkken, skal browseren generere et nyt DOM-træ og genberegne hele siden.
Prøv at forklare, hvad du er ude i  :)

/mvh
</bole>
Avatar billede supermand69 Nybegynder
31. december 2004 - 01:02 #6
Jeg har en div som har en lidt anden baggrundfarve end resten af min side, så den er lidt udenfor de standard farver jeg bruger. Tilfældigvis bliver den tekst som er i min div parset i et php script for aktuelle links og hvis det er tilfældet bliver der lavet et link. Men nu er det bare sådan at der ikke bliver smidt nogen class på det link i php, men vil så gerne via noget js smide en class derpå :)

Det skal lige siges at mine links ikke ligger direkte i den div, men i en table
Avatar billede olebole Juniormester
31. december 2004 - 01:56 #7
Som jeg læser det, ville det nok være bedre at skrive:

<style type="text/css">
.noget a {
  color: red;
  text-decoration: none;
}
.noget a:hover {
  color: red;
  text-decoration: underline;
}
</style>

<div class="noget">
  <a href="#">gkghkg</a>
  <a href="#">gkghkg</a>
  <a href="#">gkghkg</a>
</div>
Avatar billede supermand69 Nybegynder
02. januar 2005 - 12:51 #8
ja selvfølgelig... jeg vidste bare ikke man kunne gøre det sådan.. :)

lav et svar
Avatar billede olebole Juniormester
02. januar 2005 - 12:57 #9
Nedarvning gennem klasser er hele idéen med CSS. Det bør du checke ud - det er yderst kraftfuldt  ;o)
Avatar billede supermand69 Nybegynder
02. januar 2005 - 13:03 #10
ja, men var ikke lige opmærksom på at man kunne gøre det på den måde der :)
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