Pixel

123123123

Erfahrenes Mitglied
Hallo!!
Wie kann ich die Größe (width) auslesen? Ich kenne den Fehler hier nicht oder ist es alles falsch!:D

Code:
<html>
	<head>
		<title>Pixel</title>
			<style>
				#box {
					position: relativ;
					border: 5px solid green;
					width: 600px;
					height: 200px;
					margin: 300 auto;
				}
				.divklasse {
					float: left;
					margin: 90 auto;
					width: 1px;
					height: 1px;
					background-color: red;
				}
			</style>
	</head>
<body>
	<div id="box">
		
		<script>
			var width = document.getElementById("box").style.width;
			
			for (i=1; i < width; i++)
			{
				document.getElementById("box").innerHTML = width + i + "class='divklasse'></div>";
			}
		
		</script>
	</div>
</body>
</html>

Danke!:)
 
Zuletzt bearbeitet:
Helf mal ein bisschen nach.

Was willst du denn genau machen und welches "width" soll wozu ausgelesen werden?
 
Hab schon selber gemacht! Sorry das ich es nicht früher gepostet habe.
Code:
<html>
	<head>
		<title>Pixel</title>
			<style>
				#box {
					position: relativ;
					border: 5px solid green;
					width: 600px;
					height: 200px;
					margin: 300 auto;
				}
				.divklasse {
					float: left;
					margin: 90 auto;
					width: 1px;
					height: 1px;
					background-color: red;
				}
			</style>
	</head>
<body>
	<div id="box" style="color:red;">
		
		<script>
			var width = parseInt(window.getComputedStyle(document.getElementById("box")).width);
			var innerHTML = "";
			for (i=1; i <= width; i++)
			{
				innerHTML += "<div class='divklasse'></div>";
			}
			
			document.getElementById("box").innerHTML = innerHTML;
		
		</script>
	</div>
</body>
</html>

Immer wenn ich die "box" vergrößere, so größer wird die Anzahl von Pixeln.
 

Neue Beiträge

Zurück