Forum PHP.pl > Problem z usuwaniem elementu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Problem z usuwaniem elementu

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Szymciosek

3.02.2013, 12:42:36

Witam,
poszukiwałem i znalazłem rozwiązanie swojego problemu, ale nie działa to u mnie na komputerze.

[HTML] pobierz, plaintext 
<html>
 
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Javascript - Usuwanie elementu</title>
</head>
 
<body>
	<div id="nadrzedny" align="center">
		<div id="zagniezdzony"></div>
	</div>
 
	<script type="text/javascript">
		d = document.getElementById("nadrzedny");
		d_zagniezdzony = document.getElementById("zagniezdzony");
		usuwany = d.removeChild(d_zagniezdzony);
	</script>
</body>
 
</html>
[HTML] pobierz, plaintext

Rozumiem jak to ma działać, że najpierw znajduje element, a później go usuwa.
Przynajmniej tak powinno działać, lecz po uruchomieniu pliku html nie dzieje się nic.

Dodam, że np. document.write("test"); działa dobrze.

fizzlebubble

3.02.2013, 12:52:58

Nie rozumiem Twojego problemu: http://jsbin.com/ayogef/1/edit

kamil4u

3.02.2013, 13:57:29

Dodam tylko, że często nie opłaca się wyszukiwać elementu nadrzędnego sposób, który prezentujesz. Lepiej użyć:

Kod

var node = document.getElementById("nested");
if (node.parentNode) {
node.parentNode.removeChild(node);
}

https://developer.mozilla.org/en-US/docs/DO...ode.removeChild

PaFaT

14.02.2013, 23:16:26

O ile się nie mylę, element <script> powinien znajdować się w sekcji <head>.

Poza tym lepiej jest umieścić cały kod w funkcji zdarzenia onload:

[HTML] pobierz, plaintext 
<html>
<head>
<title>Javascript - usuwanie elementu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = function()
{
var d = document.getElementById("nadrzedny");
var d_zagniezdzony = document.getElementById("zagniezdzony");;
d.removeChild(d_zagniezdzony);
}
</script>
</head>
<body>
<div id="nadrzedny" align="center">
<div id="zagniezdzony"></div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.