Alert funktioniert nicht

anntasy · #1 (**permalink**) 30.04.2017, 20:09

Hallo,

ich bin Anfänger in JavaScript und wollte einen Alert programmieren, der jedoch nicht direkt den Text erhält, sondern der einen Satz von der Seite enthält und diesen dann in den Alert packt. Hier ist der Code:

<doctype html>
<html>
<head>
<title> Meine Test Seite!
</title>
<script type="text/javascript">

function ausgabe(name) {
alert(' 'name' ');
}

var name = document.getElementById('hallo');
ausgabe(name);
</script>
</head>
<body>

<p id="hallo"> Neuer Absatz </p>
</body>
</hmtl>

Ich wäre euch sehr dankbar wenn ihr mir helfen könntet!

protonenbeschleuniger · #2 (**permalink**) 30.04.2017, 20:19

Drück mal im Browser: F12 und dann dort auf console/Konsole nach einem Reload solltest du die Fehler sehen. Grundsätzlich funktioniert dein Code aber nicht, weil du Dinge abfragst die noch nicht existieren.

BenjeminStar · #3 (**permalink**) 02.12.2017, 14:17

HTML-Code:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta charset="utf-8"/>
		
		<script src="https://code.jquery.com/jquery-latest.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
			/* Hier der jQuery-Code */
				alert($('#hallo').html());
			});
		</script>
	</head>
	<body>
		<p id="hallo"> Neuer Absatz </p>
	</body>
</html>

cloned · #4 (**permalink**) 04.12.2017, 08:32

Wieso die Lösung mit jQuery? Das ist hier unnötig und für einen Anfänger eventuell auch nicht wirklich hilfreich. Sicher, jQuery macht viele Dinge einfacher, aber es hilft nichts, wenn man auch die Grundlagen von JS versteht

script-Teil gehört in den footer und am Besten in ein separates .js-File. Dann funktioniert auch der Code des Fragestellers.
Damit der Fragesteller versteht was das Problem ist und nicht einfach nur einen jQuery Code vorgesetzt bekommt:
JS wird dann ausgeführt wenn der Browser es "sieht", in deinem Fall sieht er genau das hier:

Code:

<doctype html>
<html>
<head>
<title> Meine Test Seite! 
</title>
<script type="text/javascript">

function ausgabe(name) {
alert(' 'name' '); 
}

var name = document.getElementById('hallo');
ausgabe(name);
</script>

Wie du siehst kann zu dem Zeitpunkt document.getElementById('...') noch kein Ergebnis zurückliefern. Das ist erst da, wenn das Script ausgeführt wurde und der restliche Teil sichtbar ist.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jquery mobile funktioniert nicht?	Gruen	Javascript & Ajax	9	29.05.2013 17:50
Hoover effekt funktioniert nicht	joni8a	CSS	3	09.03.2013 14:54
Link zu externen Schriften funktioniert nicht	css-Anfänger	CSS	6	18.07.2011 19:18
Mouseover funktioniert nicht (externe Methode)	blackhtml	CSS	2	07.04.2009 17:49
dtd und css in php funktioniert im IE nicht!!!	da-lick	CSS	17	09.06.2007 15:44