El método document.getElementsByName

INICIO

Input Número:

Input Nombre:

Button:

# El nombre de la etiqueta del primer elemento con el nombre "fname" es:

# type del segundo elemento con el nombre "fname" es:

# value del primer elemento con el nombre "fname" es:

# El nombre de la etiqueta del tercer elemento con el nombre "fname" es:

# Type del tercer elemento con el nombre "fname" es:

CODE

<div id="caja">
<h2>El método document.getElementsByName</h2>

<p>Input Número: <input name="fname" type="number" value=4></p>
<p>Input Nombre: <input name="fname" type="text" value="Doug"></p>
<p>Button:            <button name="fname" type="boolean" onclick="" style="background: none;color: black;">boton</button></p>
<hr>

<p># El nombre de la etiqueta del primer elemento con el nombre "fname" es:
<button onclick="let elements = document.getElementsByName('fname');
document.getElementById('demo').innerHTML = elements[0].tagName;">tagName</button></p>

<p># type del segundo elemento con el nombre "fname" es:              
               
<button onclick="let elements = document.getElementsByName('fname');
document.getElementById('demo').innerHTML = elements[1].type;">type</button></p>

<p># value del primer elemento con el nombre "fname" es:              
               
<button onclick="let elements = document.getElementsByName('fname');
document.getElementById('demo').innerHTML = elements[0].value;">value</button></p>

<p># El nombre de la etiqueta del tercer elemento con el nombre "fname" es:  
<button onclick="let elements = document.getElementsByName('fname');
document.getElementById('demo').innerHTML = elements[2].tagName;">tagName</button></p>

<p># Type del tercer elemento con el nombre "fname" es:              
                 
<button onclick="let elements = document.getElementsByName('fname');
document.getElementById('demo').innerHTML = elements[2].type;">value</button></p>

</div>

<p id="demo"></p>