---
title: "bakgrundsfärg i tabell"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/102372-bakgrundsfärg-i-tabell"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "best_b"
published: "2004-04-26T16:25:38.000Z"
updated: "2004-04-27T16:06:34.000Z"
replies: 2
views: 309
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/102372-bakgrundsfärg-i-tabell"
---

# bakgrundsfärg i tabell

## #1 — best_b, 2004-04-26T16:25Z

Hej

Skulle behöva hjälp med att byta bakgrundsfärg i en enskild cell i
en tabell:

\<html\>
\<head\>
\<script language="JavaScript"\>
function blue(){
document.body.bgColor = "blue"
}
\</script\>

\<script language="JavaScript"\>
function white(){
document.body.bgColor = "white"
}
\</script\>

\</head\>
\<body bgcolor="gray"\>
 \<table width="50%"\>
  \<tr\>
   \<td width="50%"\> 
 \<form\>
 \<input type="button" value="Hej" OnClick="blue()"\>
   \</td\>
   \<td width="50%"\> 
 \<input type="button" value="Då" Onclick="white()"\>
   \</td\>
  \</tr\>
 \</table\>
\</body\>
\</html\>

Alltså det jag vill göra är att när nån clickar på någon av knapparna vill jag göra så den cellen ändrar bakgrundsfärg.

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

## #2 — Peter S, 2004-04-26T19:13Z

```
 1: <html>
 2: <head>
 3: <script language="JavaScript">
 4: function blue(obj){
 5:     while ((obj = obj.parentNode).nodeName != "TD");
 6:     obj.style.backgroundColor = "blue";
 7: }
 8: </script>
 9: 
10: <script language="JavaScript">
11: function white(obj){
12:     while ((obj = obj.parentNode).nodeName != "TD");
13:     obj.style.backgroundColor = "white";
14: }
15: </script>
16: 
17: </head>
18: <body bgcolor="gray">
19: <table width="50%">
20: <tr>
21: <td width="50%">
22: <form>
23: <input type="button" value="Hej" OnClick="blue(this)">
24: </td>
25: <td width="50%">
26: <div><input type="button" value="Då" Onclick="white(this)"></div>
27: </td>
28: </tr>
29: </table>
30: </body>
31: </html>
```

 :)

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

## #3 — best_b, 2004-04-27T16:06Z

it works

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/102372-bakgrundsfärg-i-tabell
