Ошибка document.getElementByName is not function

209

09 ноября 2018, 14:20

При работе с radiobutton возникла такая ошибка: document.getElementByName is not function. Как это исправить? Ниже есть строка кода, в которой и наблюдается эта ошибка. Полный код внизу.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p> <input type="radio" name="prim" value="груши">Яблоки</p>
<p> <input type="radio" name="prim" value="груши">Груши</p>
</body>
</html>
<script>
var radio = document.getElementByName('prim');
for (var i=0; i<radio.length; i++) {
    radio[i].onchange = testRadio;
}
function testRadio() {
    console.log (this.value);
}
</script>

Answer 1

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Document</title> 
</head> 
<body> 
<p> <input type="radio" name="prim" value="Груши">Яблоки</p> 
<p> <input type="radio" name="prim" value="Груши">Груши</p> 
</body> 
</html> 
<script> 
    var radio = document.getElementsByName("prim"); 
    for (let i=0; i<radio.length; i++) { 
    radio[i].onchange = testRadio; 
    } 
 
    function testRadio() { 
    console.log (this.value); 
    } 
</script>