JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="aId1" name="aName1"></a>
<applet code="#" width="0" height="0" id="appletId1" name="appletName1"></applet>
<map id="mapId1" name="mapName1">
    <area shape="rect" coords="0,0,82,126" href="#" id="areaId1" name="areaName1"/>
    <area shape="circle" coords="90,58,3" href="#" id="areaId2" name="areaName2"/>
</map>
<embed src="#" id="embedId1" name="embedName1">
<form id="formId1" name="formName1">
  <input id="inputId1" name="inputName1"></input>
  <input id="inputId2"></input>
</form>
<iframe id="iframeId1" name="iframeName1"></iframe>
<img id="imgId8" name="imgName8"/>
<object width="0" height="0" data="#" id="objectId1" name="objectName1"></object>
<select id="selectId1" name="selectName1">
  <option value="option" id="optionId1" name="optionName1">option</option>
</select>

JavaScript

console.log(document.all);
for (var prop in document.all) {
    console.log(prop);
}
console.log("---")
console.log(document.all.inputName1);
console.log(document.all.selectName1);