HTML per Javascript hinzufügen und löschen.

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

18:43, 10.10.2013

Hallo, ich habe folgendes geschrieben:

<html>
	<head>
		<script type="text/javascript">
			function create_element(id){
				var container = document.getElementById('container');
				var newdiv = document.createElement('div');
				newdiv.setAttribute('id',id);
				newdiv.innerHTML = id;
				container.appendChild(newdiv);
			}
			function delete_element(id){
				var container = document.getElementById('container');
				var div = document.getElementById(id);
				container.removeChild(div);
			}
		</script>
	</head>
	<body>
		<button onclick="create_element('a');">Add</button onclick="delete_element('a');"><button>Remove</button>
		<div id="container"></div>
	</body>
</html>

Ich kann unendlich viele hinzufügen, aber das löschen klappt nicht. Und da auch kein Error in der tag/konsole">Konsole ausgegeben wird, bin ich ratlos. Kann mir jemand helfen?

Beitrag zuletzt geändert: 10.10.2013 19:01:43 von c143

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

~~m**********n~~

18:55, 10.10.2013

Weil du das löschen nicht in den close Tag des ersten Buttons packen darfst.
Du schreibst das:

<button onclick="create_element('a');">Add</button onclick="delete_element('a');">
<button>Remove</button>

Richtig wäre das:

<button onclick="create_element('a');">Add</button>
<button onclick="delete_element('a');">Remove</button>

(Ungestestet!)

Grüße
Mator

Autor dieses Themas
c143

c143 hat kostenlosen Webspace.
19:00, 10.10.2013
mator-kaleen schrieb:
Weil du das löschen nicht in den close Tag des ersten Buttons packen darfst.
Du schreibst das:
```
<button onclick="create_element('a');">Add</button onclick="delete_element('a');">
<button>Remove</button>
```
Richtig wäre das:
```
<button onclick="create_element('a');">Add</button>
<button onclick="delete_element('a');">Remove</button>
```
(Ungestestet!)

Grüße
Mator
Ich bin ein Idiot. Das erklärt warum es keinen Error gab. Vielen Dank, funktioniert jetzt! Diese dummen Fehler immer^^
~~m**********n~~

12:25, 12.10.2013
Wenn du Firefox verwendest kann ich dir die Web Developer Toolbar ans Herz legen. Die zeigt dir dann an, ob dein HTML Fehler beinhaltet. Die findest du im Addon Store, wenn du Web Developer eingibst.
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city