JSFiddle - React, Tailwind, and code Playground

by smacky311

HTML

<form action="process.php" id="myFormId" name="myForm">
    <input name="bleh" type="text" id="whatever" />
</form>

JavaScript

var frm_elements = document.forms[0].elements;
document.writeln(frm_elements);
document.writeln(frm_elements[0]);

var frm_elements2 = document.forms['myFormId'].elements;
document.writeln(frm_elements2);
document.writeln(frm_elements2[0]);

//fails - literal id
//var frm_elements3 = document.myFormId.elements;
//document.writeln(frm_elements3);
//document.writeln(frm_elements3[0]);

//The literal works with `name` attribute set
var frm_elements4 = document.myForm.elements;
document.writeln(frm_elements4);
document.writeln(frm_elements4[0]);