Как использовать getElementById для получения элементов в форме?
Мне интересно, почему в следующем сценарии комментарий 1 и комментарий 2 не работают Я знаю, что мы можем получить прямой доступ к элементу по идентификатору, не передавая "форму" однако я задаю вопрос в образовательных целях Спасибо
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>test</title>
<script>
function ulDisply()
{
//var element = document.myform.getElementsByName("name1")[0].value;//1
//var element = document.myform.getElementsById("id1").value;//2
//var element = document.myform.elements[0].value;//3
var element = document.myform.d.value;//4
document.write("you number is "+ element +"<br>");
}
</script>
</head>
<body>
<form name = "myform">
<input type = "number" name = "n" id = "d">
<input type = "submit" onclick = "ulDisply()">
</form>
</body>
</html>Нет ничего с name='name1' и id='id1'
—
29.05.2018 16:17
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
67
3
Ответы 3
Комментарий 1:
var element = document.myform.getElementsByName("name1")[0].value;
не работает, потому что:
- нет элемента с именем «name1».
getElementsByNameопределен в объектеdocument
Комментарий 2:
var element = document.myform.getElementsById("id1").value;
не работает, потому что:
- правильное имя функции -
getElementById, и она определена в объектеdocument - нет элемента с идентификатором "id1"
При исправлении работает:
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>test</title>
<script>
function ulDisply()
{
var element = document.getElementById("d").value;//2
document.write("you number is "+ element +"<br>");
}
</script>
</head>
<body>
<form name = "myform">
<input type = "number" name = "n" id = "d">
<input type = "button" value = "Ok" onclick = "ulDisply()">
</form>
</body>
</html>@Quentin getElementsByTagName определен в HTMLElement. getElementsByName - нет. Источник: developer.mozilla.org/fr/docs/Web/API/Element/…
—
29.05.2018 16:36
Ты можешь использовать:
var element = document.getElementById("d").value;
Вам нужно изменить код, чтобы он был:
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>test</title>
<script>
function ulDisply()
{
var element = document.getElementsByName("n")[0].value;//1
//var element = document.getElementById("d").value;//2
//var element = document.myform.elements[0].value;//3
//var element = document.myform.d.value;//4
document.write("you number is "+ element +"<br>");
}
</script>
</head>
<body>
<form name = "myform">
<input type = "number" name = "n" id = "d">
<input type = "submit" onclick = "ulDisply()">
</form>
</body>
</html>
Другие вопросы по теме
Как связать загрузку файлов с еще не созданной формой?
Как передавать данные контроллеру из поля зрения вне формы или не создавать новый ввод
Запрос на обработку ошибок PHPMailer
Преобразование кнопки отправки в значок
Формы Windows не обновляют vb.net
Проблема дизайна формы с bootstrap 3
Отправить форму после проверки данных
Angular - настраиваемый валидатор с http-вызовом
Rails simple_form: передача параметров при отправке
Незаконный вызов - FormData - Непонимание, почему это не работает
Похожие вопросы
Поиск не работает в записанном видео с помощью MediaRecorder API
Выбранное значение по умолчанию KendoDropDownList не работает должным образом на контроллере
Как связать загрузку файлов с еще не созданной формой?
Обновлять элемент DIV через заданные интервалы
Правильно отображать infoWindow карт в php
Добавление анимации к изображению через событие OnClick
Копирование содержимого стрелочной функции в обычную функцию
Ошибки Javascript в модальном окне
Может ли свойство className быть динамическим в формальных формах
Изменить URL-адрес onclick в кнопке
Это будет имя, а не идентификатор.
document.myform.n.value;