Verzweifle an Fehlermeldung: Cannot read property 'style' of null

wenn ich zeile 26 lösche ist der fehler weg .

vieleicht liegt es daran das du oben popup klein schreibst und unten dann gross übergibst PopUp.

konnte das jetzt nicht alles nachbauen und testen weil da fehlt ja einiges ,aber ich könnte mir das so vorstellen.aber ich sage immer ich bin noch in ausbildung.

zeile 5 var PersonenPopUpdHintergrund = document.createElement("div");

fehlt da nicht ein" l "vor PersonenPopUpdHintergrund

zeile 20 = meines wissens fängt man <form> an und am ende </form>.

du hast das vertauscht

Ja, da waren etliche Fehler in dem Code. Das Kernproblem ist jedoch, dass an ClosePopUp() ein String übergeben werden muss. Mit dem vorhandenen Code sah das generierte HTML so aus:

<button onclick='ClosePopUp(PersonenPopUp)'

So erwartet Javascript. dass PersonenPopUp eine Variable ist, die es jedoch nicht gibt. Man muss PersonenPopUp in doppelte Hochkommas setzen, so dass das generierte HTML so aussieht:

<button onclick='ClosePopUp("PersonenPopUp")'

Das erreicht man durch dieses Javascript:

<button onclick='ClosePopUp(\"" + popup + "\")' type=

Dieses funktioniert:

<script type="text/javascript">
        function PersonenPopUp(Personenanzahl, Personennamen) {
            var content = "";

            var lPersonenPopUpHintergrund = document.createElement("div");
            lPersonenPopUpHintergrund.id = 'lPersonenPopUpHintergrund';
            document.body.appendChild(lPersonenPopUpHintergrund);

            var lPersonenPopUp = document.createElement("div");
            lPersonenPopUp.id = 'PersonenPopUp';
            lPersonenPopUpHintergrund.appendChild(lPersonenPopUp);



            for (var i = 0; i < Personenanzahl; i++) {
                content = content + "</br></br><input type='radio' name='teacher' value=''>" + Personennamen[i];
            }
            var popup = "PersonenPopUp";

            lPersonenPopUp.innerHTML = "<form method='post' action='ZeitplanerS.php' >" + content + "</br></br><button onclick='ClosePopUp(\"" + popup + "\")' type='button' name='submitPersonenPopUp'>" + popup + "</button><form></br>";

        }

        function ClosePopUp(PopUp) {
            document.getElementById(PopUp).style.display = 'none';
        }
        PersonenPopUp(2, ["Hugo", "Anton"]);

    </script>

Außerdem:

• Die Verwendung einer Variablen für die ID ist überflüssig, da die ID ohnehin konstant ist.
• Den Parameter Personenanzahl kann man einsparen, wenn man die Anzahl aus dem Array über Personennamen.length ermittelt.
• Die Indizierung im Array besser mit 0 beginnen.
• Wenn der Button die Funktion des Submit haben soll, wird die Seite ohnehin neu geladen und das Popup verschwindet.

onclick='ClosePopUp("+popup+")'

mist !! ich wusste das da was nicht stimmt,traute es mir nur nicht zu sagen .ich hätte es aber auch nicht so gut erklären können wie du es gemacht hast,da hättich mir wieder ein abgebrochen bei

Zeile 26:

document.getElementById(PopUp).style.with = '600px';

Was fällt dir auf ?

in sein code wahren mehrere fehler.aber Sempervivum hat ihn ja sein richtigen code schon gepostet.

aber jetzt sehe ich es auch hier fehlt noch ein "d",hatte ich beim erstenmal gar nicht geshen

Ja das habe ich teilsweise auch gesehen, aber wollte nur mal zeigen warum der Fehler bei Zeile 26 kommt.