javascript - dopočítání výšky sloupce

Zdarec. chci dopočítat výšku divu right_slider podle divu content. Mám tento script:

<script type="text/javascript">
	function myfunction() {
	    var elmnt = document.getElementById("content");
	    var txt = "<style> #right_slider {height: " + elmnt.offsetHeight + "px;} </style>";
	    document.getElementById("vypis").innerHTML = txt;
	}
	myfunction();
</script>

a pak v code ještě <p id="vypis"></p>

Hlásí mi to chybu: Cannot read property 'offsetHeight' of null
Ovšem když to udělám přes onlick buttom, tak mi to jde. Kde je chyba? Chci, aby se sloupec dopočítával automaticky.

Předem děkuji za odpovědi.

Předmět	Autor	Datum
Evidentně tam nemáš element s ID = content. Wikan 19.06.2016 22:19	Wikan	19.06.2016 22:19
Ne. Problém je v tom, že jak tam přidám toto: <button onclick="myfunction()">Try it</button> A kli… Vilak 19.06.2016 22:27	Vilak	19.06.2016 22:27
Pořád platí, co jsem napsal. V okamžiku vykonávání toho scriptu, tam ten element ještě není. Zkus ho… Wikan 19.06.2016 22:34	Wikan	19.06.2016 22:34
Promiň, ale v JS jsem začátečník. Co přesně znamená "spustit v onload stránky"? Vilak 19.06.2016 22:36	Vilak	19.06.2016 22:36
<body onload="myfunction()"> Wikan 19.06.2016 22:38	Wikan	19.06.2016 22:38
Při <div id="right_slider" onload="myfunction()"> mi to nefunguje. code: <script type="text/java… Vilak 19.06.2016 22:40	Vilak	19.06.2016 22:40
No proto jsem psal, že to má být v <body>, že? nový Wikan 19.06.2016 22:43	Wikan	19.06.2016 22:43
Áha. Promiň mi, nevšiml jsem si. FUNGUJE - DÍKY poslední Vilak 19.06.2016 22:46	Vilak	19.06.2016 22:46

Evidentně tam nemáš element s ID = content.

Ne. Problém je v tom, že jak tam přidám toto:

<button onclick="myfunction()">Try it</button>

A kliknu na to, tak to jde. Proč to ale nejde automaticky?

Pořád platí, co jsem napsal. V okamžiku vykonávání toho scriptu, tam ten element ještě není.
Zkus ho spouštět v onload stránky a ne okamžitě.

Promiň, ale v JS jsem začátečník. Co přesně znamená "spustit v onload stránky"?

Při

<div id="right_slider" onload="myfunction()">

mi to nefunguje.

code:

<script type="text/javascript">
	function myfunction() {
	    var elmnt = document.getElementById("content");
	    var txt = "<style> #right_slider {height: " + elmnt.offsetHeight + "px;} </style>";
	    document.getElementById("vypis").innerHTML = txt;
	}
</script>
<div id="right_slider" onload="myfunction()"> <!-- dopočítat výšku javascriptem! -->
	<p id="vypis"></p>

No proto jsem psal, že to má být v <body>, že?

Áha. Promiň mi, nevšiml jsem si.
FUNGUJE - DÍKY

Zpět do poradny Odpovědět na původní otázku Nahoru