Non capisco i Prototype ...

[marmz]

ESEMPIO:

<script>
Element.prototype.myFoo = function() {
    console.log(this.form.name);


};
</script>

Allora.. Se chiamo il Prototype su this:

<form id="myform_1" name="myformname_1" method="POST" action="">
    <input type="text" id="pippolo" name="pippoloname" value="PRIMO">
    <div id="msg1" name="msgname1">MSG 1</div>    
    <button type="button" id="mybtn"  name="mybtn" onclick="this.myFoo();">TEST 1</button>
</form>

Mi stampa "myformname_1" (cioè il name del form a cui appartiene il button)


Ma, se provo a chiamarlo su un elemento diverso da this:

<form id="myform_1" name="myformname_1" method="POST" action="">
    <input type="text" id="pippolo" name="pippoloname" value="PRIMO">
    <div id="msg1" name="msgname1">MSG 1</div>    
    <button type="button" id="mybtn"  name="mybtn"  onclick="document.getElementById('myform_1').myFoo();">TEST 1</button>
</form>

Ottengo:

Uncaught TypeError: Cannot read property 'name' of undefined

Perchè il prototype funziona solo con l'elemento this ??

Grazie a tutti!

[marmz]

OK, COLPA MIA ..

Stavo chiamando il prototipo su un elemento FORM, mentre è fatto per funzionare su un BUTTON...
Infatti cosi' funziona:

<form id="myform_1" name="myformname_1" method="POST" action="">
     <input type="text" id="pippolo" name="pippoloname" value="PRIMO">
     <div id="msg1" name="msgname1">MSG 1</div>    
     <button type="button" id="mybtn"  name="mybtn" onclick="document.getElementById('mybtn').myFoo();">TEST 1</button>
</form>

Chiedo venia