---
title: "dynamiska classer och mouse event"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/142186-dynamiska-classer-och-mouse-event"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "oskob"
published: "2006-02-09T00:47:01.000Z"
updated: "2006-02-09T17:36:15.000Z"
replies: 2
views: 281
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/142186-dynamiska-classer-och-mouse-event"
---

# dynamiska classer och mouse event

## #1 — oskob, 2006-02-09T00:47Z

God afton!

**Problem #1: Classer och skapadeelement** 

Är det ett känt problem att man inte kan styla ett element man skapat med createElement() genom att ge den en class och en .bla i css:en? Det funkar om jag ändrar till "id" och "#" men icke med "class" och ".".

```
			var parentDiv = document.getElementsByTagName("form")[0];
	 
			var sp2 = document.getElementsByTagName("input")[i];

			var sp1 = document.createElement("div");
		 	sp1.innerHTML = '<div style="width: 14px; height: 14px; background: url(trans.png)"></div>';
			[B]sp1.class="checkbox";[/B]
			sp1.onmouseover = "this.style.background='url(check2.gif)'";
			parentDiv.insertBefore(sp1, sp2);
```

```
.checkbox{
background: url(check1.gif); 
width: 14px; 
height: 14px;
float: left;
}
```

**Problem #2: Dynamiska Mouse Events**

Det här verkar inte fungera alls (från samma kod som ovan under den fetade raden). Varför inte?

```
sp1.onmouseover = "this.style.background='url(check2.gif)'";
```

Tack på förhand!

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

## #2 — Peter S, 2006-02-09T07:15Z

\#1

```
sp1.className = "checkbox";
```

\#2

```
sp1.onmouseover = function(){ this.style.background='url(check2.gif)' }
```

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

## #3 — oskob, 2006-02-09T17:36Z

Danke schön!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/142186-dynamiska-classer-och-mouse-event