CSS eines Elements mit JS auslesen

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

Autor dieses Themas

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

13:56, 1.6.2011

Hallo LC-Community!

Mir ist klar, dass man sich unter dem Titel nicht sehr viel vorstellen kann.
Also bitte zu Ende lesen.

Ich habe Folgenden Code:

<html>
	<head>
		<style type="text/css">
			ul
			{
				display: none;
			}
		</style>
		<script type="text/javascript">
			function toggle(object)
			{
				var ul = object.getElementsByTagName("ul")[0];
				if(ul.style.display == "none")
					ul.style.display == "block";
				else
					ul.style.display == "none";
			}
		</script>
	</head>
	<body onmousedown="return false;">
		<div onclick="toggle(this);">
			<span class="element">Bla</span>
			<ul>
				<li>
					<span class="attribute">Bli</span>
					<span class="value">Blupp</span>
				</li>
			</ul>
		</div>
	</body>
</html>

Das ist eine stark gekürtzte Version meines Codes. Der hat noch vie mehr drin.

Mein Problem: ul.style.display ist bei mir immer "".

Was kann ich dagegen machen ohne eine neue Klasse zu machen und ohne jQuery.

Ich bedanke mich schon mal für die Hilfe.

Mfg

Mator

PS: Bitte nicht auf den Inhalt beziehen, nur auf mein Problem! Ich habe, wie schon gesagt, alles andere rausgelöscht.

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

sneppa

sneppa hat kostenlosen Webspace.

14:12, 1.6.2011

Doppelte Gleichheitszeichen sind keine Zuweisung, so stimmts:

<html>
	<head>
		<style type="text/css">
			ul
			{
				display: none;
			}
		</style>
		<script type="text/javascript">
			function toggle(object)
			{
				var ul = object.getElementsByTagName("ul")[0];
				if(ul.style.display == "none")
					ul.style.display = "block";
				else
					ul.style.display = "none";
			}
		</script>
	</head>
	<body onmousedown="return false;">
		<div onclick="toggle(this);">
			<span class="element">Bla</span>
			<ul>
				<li>
					<span class="attribute">Bli</span>
					<span class="value">Blupp</span>
				</li>
			</ul>
		</div>
	</body>
</html>

Autor dieses Themas
~~m**********n~~

17:49, 1.6.2011
Ah, Dreck... DAS passiert, wenn man seinen eigenen Code Copy&Pastet. Danke
heroes-of-legends

heroes-of-legends hat kostenlosen Webspace.

2:23, 2.6.2011
Du solltest allerdings bedenkten, das wenn du styles ausliest du nur die inlinestyles des tags bekommst (Also das was innerhalb des style-attributes des elements steht). Styles welche durch css klassen, id's oder ähnliches vergeben werden, können nicht auf diese weise ausgelesen werden. Dein Script funktioniert, da Inlinestyles die klassenwerte überschreiben, du könntest allerdings auch auf das setzen des wertes "none" verzichten und statt dessen "" setzen um den standart wiederherzustellen.

mfg
Doomdrake
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