Zum Inhalt springen

appendChild - Problem

Callam

Von Callam
in Webdesign

 Teilen

Empfohlene Beiträge

Callam

Callam

Geschrieben
Geschrieben

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

VaNaTiC

VaNaTiC

Geschrieben
Geschrieben

Lass Dir mal bitte das Element zurückgeben:

var navdiv = top.document.getElementById("navi_div");

Und kontrollier das mal.

Weil layer an sich sieht gut aus.

VaNaTiC

VaNaTiC

Geschrieben
Geschrieben

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 = ...

_n4p_

_n4p_

Geschrieben
Geschrieben (bearbeitet)

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_

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden
 Teilen
Zur Themenübersicht

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.

Links

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...