Hallo zusammen,
ich möchte von der Zeile
<div class="prehelp"><pre class="html_code"><tr style="visibility: collapse" id="opt"></tr></pre></div>
per js die visibility ändern.
Versucht habe ich es mit
<div class="prehelp"><pre class="html_code">function add() {
document.getElementById("opt").style.visibility = "visible";
}</pre></div>
die per Button aufgerufen wird.
Das lässt die Zeile aber nur kurz aufblitzen und direkt wieder verschwinden.
Was mache ich falsch?
Code
<body>
<table>
<tr>
<td>Vorname <input type="text" id="vn0"></td>
<td>Nachname: <input type="text" id="nn0"></td>
</tr>
</table>
<button onclick="add()">Weitere Reihe hinzufügen</button>
</body>
<script>
function add(){
i=1;
var newLI = document.createElement('tr');
var liNummer = i + 1;
newLI.innerHTML='<td>Vorname:<input type="text" id="vn2"+i value=""></td><td>Nachname: <input type="text" id="nn"+i></td>';
document.getElementsByTagName('table')[0].appendChild(newLI);
}
</script>