Change Value

by XcsN

HTML

<script type="text/javascript">

function degistir()
{
	var yeniIcerik = document.getElementById('giris').value;
	document.getElementById('ornekSutun').innerHTML = yeniIcerik;
    alert(document.getElementById('ornekSutun').innerHTML)
}
</script>

<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/>
Değişecek içerik : <input type="text" id="giris"/><br/>
<input type="button" value="Değiştir" onClick="degistir()"/>

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;
}