Document.Element ID zuweisen

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo,
ich habe mir eine Tabelle generieren lassen, mit document.appendChild(table) lasse ich sie anzeigen. Will ich eine Änderung an der Tabelle vornehmen muss ich das table-Element ändern und nochmals anzeigen lassen (wieder mit appendChild). Wie kann ich aber dem table-Element eine ID zuweisen sodass ich über getElementByID(‚Tab‘) darauf zugreifen kann?

#2

Hallo,

das sollte eigentlich so funktionieren:

var tabnode = document.createElement(„TABLE“); // Das wäre Deine Tabelle
var tabid = document.createAttribute(„ID“); // Attributknoten erzeugen

tabid.nodeValue = „genTab“; // Hier Deine ID eintragen

tabnode.setAttributeNode( tabid ); // Attributknoten in Tabellendefinition einhängen
…

Allerdings hatte ich jetzt nicht die Zeit es zu testen.

Gruß
Volkmar

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#3

Allerdings hatte ich jetzt nicht die Zeit es zu testen.

Habe es getestet und funktioniert leider nicht. Zumindest nicht im IE7.

#4

Hallo Maetz!

Also bei mir funktioniert es:
<!–
var lastobj = „“;

function ShowDetail( objname )
{
var dfr;

if ( „“ != lastobj )
{
dfr = document.getElementById( lastobj );
dfr.style.display = „none“;
}

dfr = document.getElementById( objname );

dfr.style.display = „block“;

lastobj = objname;
}

function genTab()
{
var dest = document.getElementById(„blubb“);
var gTab = document.createElement(„TABLE“);
var gAtt = document.createAttribute(„ID“);
var gTob = new Object();
var gTr = new Object();
var gTd = new Object();
var gData = new Object();

gTob = document.createElement( „TBODY“ );
gAtt.nodeValue = „mygentab“;

for ( var r = 1 ; r <= 10 ; r++ )
{
gTr = document.createElement( „TR“ );
for ( var s = 1 ; s <= 5 ; s++ )
{
gTd = document.createElement( „TD“ );

gData = document.createTextNode("Zelle "+(r*s));

gTd.appendChild( gData );
gTr.appendChild( gTd );
}

gTob.appendChild( gTr );
}

gTab.appendChild( gTob );
gTab.setAttributeNode( gAtt );

dest.replaceChild( gTab, dest.firstChild );
}

function expTab()
{
var dest = document.getElementById(„mygentab“);
var gTob = new Object();
var gTr = new Object();
var gTd = new Object();
var gData = new Object();

gTob = dest.getElementsByTagName( „TBODY“ )[0];

for ( var r = 1 ; r <= 10 ; r++ )
{
gTr = document.createElement( „TR“ );
for ( var s = 1 ; s <= 5 ; s++ )
{
gTd = document.createElement( „TD“ );

gData = document.createTextNode("Erweiterung "+(r*s));

gTd.appendChild( gData );
gTr.appendChild( gTd );
}

gTob.appendChild( gTr );
}
}
–>
Vorwort
Titel 1

Hier stehen die Details zum Vorwort

  • abc

  • def

Hier stehen die Details zu Titel1

  • xyz

  • bla

[Generiere Tabelle](javascript:genTab())
[Erweitere Tabelle](javascript:expTab())
Hier kommt’s:wink:

Gruß
Volkmar

Allerdings hatte ich jetzt nicht die Zeit es zu testen.

Habe es getestet und funktioniert leider nicht. Zumindest
nicht im IE7.

#5

Danke VolkmarB,
hast dir grosse mühe gemacht wegen mir. Mein Problem lag aber nur in getElementById, ich habe ID anstelle von Id geschrieben.