Zum Inhalt springen

appendChild - Problem


Callam

Empfohlene Beiträge

Hi, ich möchte auf meiner seite ein neues div-Element einfügen, aber in der Zeile mit appendChild meckert mein debugger immer:"Ungültiges Argument"


   ...

   addNode: function (parent, id, text, href, target, info) {      

      var layer = document.createElement("div");

      var text = document.createElement("div");

      var link = document.createElement("a");

      var img = document.createElement("img");


      layer.style.top = "1px";

      layer.style.left = "1px";

      layer.style.position = "absolute";

      layer.style.visibility = "visible";

      layer.style.width = this.width;

      layer.style.height = this.height;

      layer.style.zIndex = 990;

      layer.setAttribute("onmouseover", "top.document.frames['navi'].DropDownNavi.over('"+id+"');");

      layer.setAttribute("onmouseout", "top.document.frames['navi'].DropDownNavi.out();");

      layer.setAttribute("class", "dropdown_element");

      layer.setAttribute("id", id);

      top.document.getElementById("navi_div").appendChild(layer);

      debug.getHTMLCode(top);

  },

  ...

  • das ganze ist teil einer klasse, darf leider nicht den gesammten quellcode reinstellen, aber die variablen id, this.height etc. habe ich schon mit alert ausgegeben, die sind richtig befüllt...
  • das element navi_div ist vorhanden und ich kann mit top.document.getElementById("navi_div") auch daruf zugreifen...
  • debug.getHTMLCode(top) ist eine funktion, die mir den html-code zur laufzeit als text in einem popup anzeigt (schon oft verwendet, nie probleme mit gehabt)

Verwendter Browser: ie6

Link zu diesem Kommentar
Auf anderen Seiten teilen

Meine Test.html schaut so aus und funktioniert:

<html>

<head>

<title>Test</title>

</head>


<body>


<script>

function addNewTest()

{

	/*var pTxt = document.createElement('p');

	pTxt.Value = 'Test';

	document.getElementById('test').appendChild(pTxt);*/

	document.getElementById('test').innerHTML += '<div>Test</div>';

}

</script>


<form name="formTest" action="">

<input type="button" value="Add" onclick="addNewTest()">

</form>


<div id="test"></div>


</body>

</html>
Das kannst Du mal probieren, denn die Methode appendChild() kenn ich nicht. Du musst das nur noch auf Deine Funktionalität abstrahieren. Also Layer nicht mit createElement, sondern mit
top.document.getElementById("navi_div").innerHTML += '<div id="meineID"></div>';

...getElementById('meineID').styles = ...

Link zu diesem Kommentar
Auf anderen Seiten teilen

Verwendter Browser: ie6

hast du mal einen browser getestet?

möglicherweise mag er es nicht weils leer ist?

hab kein IE6 mehr, IE8 macht was er soll FF3.5 auch

@Vanatic: appendChild gehört zu DOM, ja das heißt nicht das IE6 das kennt, im gegenteil das macht es eher unwahrscheinlich.

Bearbeitet von _n4p_
Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...