Form

Properti HTMLButtonElement.form merefensi kepada HTMLFormElement yang berisi elemen BUTTON ini.

Sintaks:

buttonObj.form

Properti HTMLButtonElement.form mengembalikan null kalau elemen BUTTON ini memang tidak terdapat di dalam elemen FORM yang ditetapkan.

Contoh di bawah ini mengembalikan NAME dari elemen FORM yang mempunyai elemen BUTTON ini:

<FORM NAME="formName"> <BUTTON ID="buttonID" TYPE="button">Tombol</BUTTON> </FORM> <SCRIPT TYPE="text/javascript"> var buttonObj = document.getElementById("buttonID"); alert(buttonObj.form.name); // "formName" </SCRIPT>

Contoh di bawah ini menguji apakah elemen BUTTON ber-ID ‘buttonID’ terdapat di dalam elemen FORM ber-NAME ‘formName’, kalau benar teks dari elemen BUTTON akan berwarna hijau, sebaliknya biru:

<FORM NAME="formName"> <BUTTON ID="buttonID" TYPE="button">Tombol</BUTTON> </FORM> <SCRIPT TYPE="text/javascript"> var buttonObj = document.getElementById("buttonID"); if (buttonObj.form.name === "formName") { buttonObj.style.color = "green"; // ini dijalankan }else{ buttonObj.style.color = "blue"; } </SCRIPT>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code