---
title: "onclick på element, men ej nestlade element"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/191357-onclick-på-element-men-ej-nestlade-element"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "prplxr"
published: "2013-05-13T07:08:17.000Z"
updated: "2013-05-13T09:39:22.000Z"
replies: 2
views: 996
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/191357-onclick-på-element-men-ej-nestlade-element"
---

# onclick på element, men ej nestlade element

## #1 — prplxr, 2013-05-13T07:08Z

Har en div i en div. Den yttre diven täcker hela browserns rityta och den inre ligger centrerad, fylld med text.

Nu vill jag kunna dölja den yttre diven (och därmed även den inre) genom att lägga till 

```
onclick="this.style.disply='none';"
```

Detta fungerar, men ej tillfredsställande. Om man klickar i den inre diven triggas detta också, något jag inte vill. Hur kan jag komma runt detta?

Hela min uppbyggnad ser ut såhär:

```
<div class="dimmer" id="om_kakor" onclick="this.style.display='none';">
	<div class="dimmer_inner">
		Här kommer texten...
	</div>
</div>
```

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

## #2 — voigtann1, 2013-05-13T07:50Z

```
document.getElementById("om_kakor").onclick = function(e) {
  if(e.target === e.currentTarget) {
    this.style.display = 'none';
  }
};
```

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

## #3 — prplxr, 2013-05-13T09:39Z

Hatten av!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/191357-onclick-på-element-men-ej-nestlade-element