✔ Mit innerhtml Tabelle erweitern?

Sebigf

Sebigf

Erfahrenes Mitglied
Hallo zusammen!

Ich habe vor, durch den Aufruf einer Funktion, eine Tabelle um mehrere Zeilen (inkl. Spalten) zu erweitern. Soweit so gut, aber wie muss ich den "freien Platz" deklarieren?

HTML: 
  <table><tr><td>inhalt1</td></tr> hier soll nun der neue Inhalt rein </table>

Wie gehe ich da am besten vor, damit es auch keine kaputten HTML tags gibt?
Ich habe an ein hidden <div> gedacht, aber das scheint, wegen dem Spacing der tabellen und spalten optisch nicht zu funktionieren. ^^

Danke!
 
Hi,

füge zum Beispiel eine weitere Tabellenzeile ein und verberge sie mit der CSS-Eigenschaft display.
Weiterhin vergibst du in der Zeile eine ID (hier: tr_1), anhand derer du das Element eindeutig
identifizieren kannst. In einer JavaScript-Funktion kannst du dann zwischen sichtbar und versteckt
sein hin- und herschalten.
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Quaese">
<title>www.tutorials.de</title>
<script type="text/javascript">
  <!--
function showTable(strID){
  var objTR = document.getElementById(strID);
  objTR.style.display = (objTR.style.display == "none") ? "" : "none";
}
 //-->
</script>
</head>
<body>
<table border="1">
  <tr><td>inhalt1</td></tr>
  <tr style="display: none;" id="tr_1"><td>Ich bin der neue Inhalt</td></tr>
</table>
<button onclick="showTable('tr_1')">Zeige Tabelle</button>
</body>
</html>
Ciao
Quaese
 
Vielen Dank!

Genau das ist es, was ich gesucht habe :)


EDIT: Bevor ich wieder vergesse das zu fragen...

Warum kann man eigentlich nicht mehr die Beiträge als "erledigt" markieren?

Nutze Firefox, neueste Version
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück