---
title: "ändra className på tr-taggen"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/89443-ändra-classname-på-tr-taggen"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "roady"
published: "2003-11-01T22:47:18.000Z"
updated: "2003-11-02T16:10:23.000Z"
replies: 7
views: 318
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/89443-ändra-classname-på-tr-taggen"
---

# ändra className på tr-taggen

## #1 — roady, 2003-11-01T22:47Z

Finns det något sätt så man kan skriva typ
\<tr onmouseover="this.className='trHighlight1';" onmouseout="this.className='trNormal1';"\>

Alltså så att jag kan tilldela en stilmall när jag tar över o bort musen från en tr-tagg för att ändra bakrundsfärg?

Permalänk: https://www.webforum.nu/p/89443

## #2 — icaaq, 2003-11-02T07:42Z

För det första så ska man inte använda classer i tr-taggen och för det andra så tror jag att denna tråd <http://www.webforum.nu/showthread.php?s=&postid=644106#post644106> har svaret på din fråga..

Mv icaaq

Permalänk: https://www.webforum.nu/p/1196301

## #3 — jarvklo, 2003-11-02T10:56Z

> **icaaq skrev:**
>
> För det första så ska man inte använda classer i tr-taggen

Hmm...
Ursäkta om jag är lite obekväm, men varför **ska** man inte det då - har du något konkret belägg för det ? ;)

Som jag ser det är det ju både tillåtet ( <http://www.w3.org/TR/html401/struct/tables.html#edef-TR> ) och praktiskt för en del ändamål som t.ex. följande ;)

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Test</title>
<style type=text/css> 
<!--
table {
  width:400px;
  border-collapse:collapse;
  padding:0;
  border: 1px solid black;
}

/* I "standards mode" behövs bara regeln för klassen: */
.randad {
  background-color:navy;
  color:white;
}

/* 
Den andra regeln är en workaround för td i t.ex. MSIE5 
eller för sidor som använder sig av "quirks mode"
*/
.randad td {
  background-color:navy;
  color:white;
}
-->
</style> 
</head>
<body>
<table>
<tr><td>Ett</td></tr>
<tr><td>Två</td></tr>
<tr class="randad"><td>Tre</td></tr>
<tr class="randad"><td>Fyra</td></tr>
<tr><td>Ett</td></tr>
<tr><td>Två</td></tr>
<tr class="randad"><td>Tre</td></tr>
<tr class="randad"><td>Fyra</td></tr>
</table>
</body>
</html>
```

Även om man byter klass på en tagg i efterhand med Javascript, så beror ju sidans utseende ändå på hur CSS:en är skriven - eller hur ;)

Permalänk: https://www.webforum.nu/p/1196340

## #4 — icaaq, 2003-11-02T11:58Z

Jag trodde det var en oskriven regel att man inte jobbade med klasser i tr utan gjorde allt i td. Men då har man ju lärt sig något idag med... ;)

Mv icaaq

Permalänk: https://www.webforum.nu/p/1196360

## #5 — Erik Juhlin, 2003-11-02T12:07Z

Oskriven, ja... Regel, hmm..?

Permalänk: https://www.webforum.nu/p/1196363

## #6 — Cheguelin, 2003-11-02T12:20Z

Ja, det kan du (verkar det som) och jag förstår inte varför du inte testar dina egna förslag innan du frågar om det. Jag satt och testade saker i tron om att det inte fungerade :P

```
<html>
  <head>
    <title></title>
    <script type="text/javascript">
function changeClassName(object, name) {
    object.className = name;
}
    </script>
    <style type="text/css">
.empty {
    background-color: transparent;
}
.foobar {
    background-color: red;
}
    </style>
  </head>
  <body>
    <table>
      <tr onmouseover='changeClassName(this, "foobar");' onmouseout='changeClassName(this, "empty");'>
        <td>
          foo
        </td>
      </tr>
      <tr onmouseover='changeClassName(this, "foobar");' onmouseout='changeClassName(this, "empty");'>
        <td>
          bar
        </td>
      </tr>
    </table>
  </body>
</html>
```

Detta är förresten en DHTML-relaterad fråga och bör därför flyttas till rätt forum.

Permalänk: https://www.webforum.nu/p/1196368

## #7 — Web-Tor, 2003-11-02T13:29Z

> Detta är förresten en DHTML-relaterad fråga och bör därför flyttas till rätt forum.

Använd gärna funktionen **Rapportera till moderatorn** för detta ändamål. ;)

Tråden flyttas från HTML-forumet.

Permalänk: https://www.webforum.nu/p/1196391

## #8 — roady, 2003-11-02T16:10Z

haha.. måste be om ursäkt, måste nog varit lite slut i huvudet, för det är som du skriver Cheguelin, det jag postade först funkar ju \*vilken miss\*

Permalänk: https://www.webforum.nu/p/1196457

---

Tråden på webben: https://www.webforum.nu/amne/javascript/89443-ändra-classname-på-tr-taggen
