CODEWITHSUNDEEP
html
Manu
Manu

Reputation: 3247

setting div element value in html

How to set values for the below div block (setting values in '?' placeholder). 

 <table>
 <tr>
  <td class="tfArrive " valign="top">
    <div class="tfArrAp" id="txt3">
         ? </div>
 </td>    </tr>

</table>

I have tried with following scenario, but not working

<script type="text/javascript">
document.getElementById('txt3').innerHTML = "TEST";
</script>

Upvotes: 0

Views: 99

Answers (3)

wachme
wachme

Reputation: 2337

Be sure your page is loaded before you manipulate it:

<script type="text/javascript">
window.onload = function() {
    document.getElementById('txt3').innerHTML = "TEST";
}
</script>

Upvotes: 0

ntstha
ntstha

Reputation: 1173

$(document).ready(function(){
  $('#txt3').html("New Text");
});

Upvotes: 0

Mr. Alien
Mr. Alien

Reputation: 157334

Your script is working perfectly, it's just that you need to be sure that you are placing the script after the HTML is rendered, so first you need to print the tables out and than use the script tag, because if you place the script before the id="txt3" has rendered, it won't change anything as onload the script didn't find any, so this should be the order...

<table>
  <tr>
    <td class="tfArrive " valign="top">
      <div class="tfArrAp" id="txt3">
         ? 
      </div>
   </td>
 </tr>
</table>

<script type="text/javascript">
   document.getElementById('txt3').innerHTML = "TEST";
</script>

Side Note : If you are using HTML5, you don't need type="text/javascript" anymore, as now, default is JavaScript

Upvotes: 1

Related Questions