Junior Onur UNURLU

JAVASCRIPT ILE DOCUMENT GETELEMENTBYID INNERHTML ILE ILGILI ÖRNEK

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()"/>


Facebook

   SON EKLENEN 6 LİNK