Document.Element ID zuweisen

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?

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]

Allerdings hatte ich jetzt nicht die Zeit es zu testen.

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

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.

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