Properti HTMLLegendElement.form mengembalikan elemen FORM yang di dalamnya berisi elemen LEGEND ini, sebagai HTMLFormElement.
Sintaks:
legendObj.form
Properti HTMLLegendElement.form akan mengembalikan null jika elemen LEGEND ini memang tidak terdapat di dalam elemen FORM yang ditetapkan.
Contoh di bawah ini mengembalikan ID dari elemen FORM yang memiliki elemen LEGEND ini:
<FORM ID="formID">
<FIELDSET>
<LEGEND ID="legendID">Login</LEGEND>
<!--disini banyaknya form control-->
</FIELDSET>
</FORM>
<SCRIPT TYPE="text/javascript">
var legendObj = document.getElementById("legendID");
alert(legendObj.form.id); // "formID"
</SCRIPT>
Contoh di bawah ini menguji apakah elemen LEGEND ber-ID 'legendID' terdapat di dalam elemen FORM ber-ID 'formID', jika benar teks dari elemen LEGEND akan berwarna hijau, sebaliknya biru:
<FORM ID="formID">
<FIELDSET>
<LEGEND ID="legendID">Login</LEGEND>
<!--disini banyaknya form control-->
</FIELDSET>
</FORM>
<SCRIPT TYPE="text/javascript">
var legendObj = document.getElementById("legendID");
if(legendObj.form.id == "formID") {
legendObj.style.color = "green"; // ini dijalankan
}else{
legendObj.style.color = "blue";
}
</SCRIPT>
