Javascript code does nothing

**N1C0** · 02-28-2012 08:13 AM

Hi all,
i started a new project where you can see your daily timetable. I think the HTML
part is correct but the something is wrong with the javascript part.
Here is the Code:

HTML Code:

<script type="Text/javascript" >
document.getElementById("days").firstChild.data =  "Montag";

document.getElementById("erste").firstChild.data =  "Mathe";

document.getElementById("zweite").firstChild.data =  "Geschichte";

document.getElementById("dritte").firstChild.data =  "Biologie";

document.getElementById("vierte").firstChild.data =  "Wirtschaft";

document.getElementById("fünfte").firstChild.data =  "Englisch";

document.getElementById("sechste").firstChild.data =  "Religion";

document.getElementById("siebte").firstChild.data =  "Computer AG";

document.getElementById("achte").firstChild.data =  "Computer AG";

</script>




</head>

<body>



<center>
<table width="100" border="1">
  <tr>
    <th scope="col" id="days">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="erste">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="zweite">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="dritte">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="vierte">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="fünfte">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="sechste">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="siebte">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="achte">&nbsp;</th>
  </tr>
</table>
</center>

Some classes and ids are in german because im from germany

**hyperionXS** · 02-28-2012 09:35 AM

Move the script at the end of the file. This is because when you call the js scrip, DOM is not ready yet and you have no element with id "erste" or "zweite".

HTML Code:

</head>

<body>



<center>
<table width="100" border="1">
  <tr>
    <th scope="col" id="days">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="erste">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="zweite">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="dritte">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="vierte">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="f&#252;nfte">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="sechste">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="siebte">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row" id="achte">&nbsp;</th>
  </tr>
</table>
</center>


<script type="Text/javascript" >
document.getElementById("days").firstChild.data =  "Montag";

document.getElementById("erste").firstChild.data =  "Mathe";

document.getElementById("zweite").firstChild.data =  "Geschichte";

document.getElementById("dritte").firstChild.data =  "Biologie";

document.getElementById("vierte").firstChild.data =  "Wirtschaft";

document.getElementById("f&#252;nfte").firstChild.data =  "Englisch";

document.getElementById("sechste").firstChild.data =  "Religion";

document.getElementById("siebte").firstChild.data =  "Computer AG";

document.getElementById("achte").firstChild.data =  "Computer AG";

</script>

Also, instead of
document.getElementById("achte").firstChild.data = "Computer AG";
you can use
document.getElementById("achte").innerHTML = "Computer AG";

**N1C0** · 02-28-2012 10:14 AM

Ohh i thought about that it was this kind of mistake.
Thank you a lot

Thread: Javascript code does nothing

Thread Tools

Display

Javascript code does nothing

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions