2017-03-16 3 views
-1

Zum Beispiel: Das ist mein CodePunkt zu einem Elemente gehören zu HTML in JavaScript

<script> 
function changeMe() 
{ 
    document.myform.mytable.mybutton.value = "Changed!"; 
} 
</script> 

<body> 
    <form id = "myform" name = "myform"> 
     <table id = "mytable" name = "mytable"> 
      <tr> 
       <td> 
        <input type="button" id = "mybutton" name = "mybutton" value="OK!" onclick="changeMe();"/> 
       </td> 
      </tr> 
     </table> 
    </form> 
</body> 

Aber es funktioniert nicht. Aber wenn ich ändern:

document.myform.mytable.mybutton.value = "Changed!"; 

in

document.getElementById('mybutton').value = "Changed!"; 

Es funktioniert perfekt. Bitte sag mir was mit meinem ersten Code falsch ist!

Antwort

0
<!DOCTYPE html> 
<html> 
    <body> 
     <form id = "myform" name = "myform"> 
      <table id = "mytable" name = "mytable"> 
       <tr> 
        <td> 
         <input type="button" id = "mybutton" name = "mybutton" value="OK!" onclick="changeMe(this.id);"/> 
        </td> 
       </tr> 
      </table> 
     </form> 
     <script> 
      function changeMe(elementId) 
      { 
       document.getElementById(elementId).value = "Changed!"; 
      } 
     </script> 
    </body> 
</html> 
Verwandte Themen