Javascript ile document getElementById innerHTML ile ilgili örnek Hakkında;
<script type="text/javascript">
function degistir()
{
var yeniIcerik = document.getElementById(”giris”).value;
document.getElementById(”ornekSutun”).innerHTML = yeniIcerik;
}
</script>
<style type="text/css">
.cssTablo {
border:solid 1px blue;
}
.cssTablo table {
border:solid 1px green;
}
.cssTablo table table {
border:solid 1px red;
}
.cssTablo table table td {
width:30px;
height:30px;
}
#ornekSutun
{
background-color:#e0e0e0;
color:navy;
}
</style>
<table class="cssTablo">
<tr><td></td><td></td></tr>
<tr><td></td>
<td>
<table>
<tr><td></td><td></td></tr>
<tr><td></td>
<td>
<table>
<tr><td></td><td></td></tr>
<tr><td></td><td id="ornekSutun"></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br/>
Degisecek içerik : <input type="text" id="giris"/><br/>
<input type="button" value="Degistir" onClick="degistir()"/>
function degistir()
{
var yeniIcerik = document.getElementById(”giris”).value;
document.getElementById(”ornekSutun”).innerHTML = yeniIcerik;
}
</script>
<style type="text/css">
.cssTablo {
border:solid 1px blue;
}
.cssTablo table {
border:solid 1px green;
}
.cssTablo table table {
border:solid 1px red;
}
.cssTablo table table td {
width:30px;
height:30px;
}
#ornekSutun
{
background-color:#e0e0e0;
color:navy;
}
</style>
<table class="cssTablo">
<tr><td></td><td></td></tr>
<tr><td></td>
<td>
<table>
<tr><td></td><td></td></tr>
<tr><td></td>
<td>
<table>
<tr><td></td><td></td></tr>
<tr><td></td><td id="ornekSutun"></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br/>
Degisecek içerik : <input type="text" id="giris"/><br/>
<input type="button" value="Degistir" onClick="degistir()"/>