Как получить значение из скрытого или отображаемого: без ввода с помощью javascript
У меня есть эти два скрытых входа, и я хочу получить значение обоих, но при попытке доступа к значениям, которые я получаю, Uncaught TypeError: невозможно прочитать значение свойства null
// I have been trying from code and chrome console with
console.info(document.getElementById('totalU').value);
console.info(document.getElementById('totalU'));
console.info(document.getElementById('totalW').value);
console.info(document.getElementById('totalW'));<li style = "background-color:white"><span> <input id = "totalU" type = "text" value = "18" style = "display:none"></span></li>
<li style = "background-color:white"><span> <input id = "totalW" type = "hidden" value = "20"></span></li>Но все равно получаешь ноль, что-то не так с HTML и javascript? По требованию мне нужно использовать javascript, а не jQuery. Заранее благодарю за любую помощь.
Первая и третья строки работают, при условии, что элементы существуют в то время, когда вы удаляете значение. Кроме того, значение входа никогда не может быть null.
display: none и type = "hidden" только скрывают элемент от пользователя. Элемент все еще здесь.
Я отформатировал и добавил ваш код в виде фрагмента, запустите, отлично работает
Я получаю в консоли Uncaught TypeError: Cannot read property 'value' of null at <anonymous>: 1:49, вот и все, просто странно
Где вы разместили свой js-код, поместите их после тегов li непосредственно перед закрытием тега </body>
Плюс тот, кто проголосовал против, укажите, что не так в вопросе? o.O
@MonkeyDLuffy Невозможно воспроизвести проблему. Я проголосовал против, потому что нет минимального проверяемого примера
@chevybow Спасибо, по крайней мере, теперь он знает, почему ему отказали :)
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Это нормально работает.
console.info(document.getElementById('totalU').value);
console.info(document.getElementById('totalU'));
console.info(document.getElementById('totalW').value);
console.info(document.getElementById('totalW'));<li style = "background-color:white"><span> <input id = "totalU" type = "text" value = "18" style = "display:none"></span></li>
<li style = "background-color:white"><span> <input id = "totalW" type = "hidden" value = "20"></span></li>Я уверен, что вы просто запускаете часть javascript до создания элементов.
Убедитесь, что ваш тег <script> находится после этого HTML-кода. Обычно они помещаются перед закрывающим тегом <body>.
Даже если я запускаю с Chrome-консоли скрипт для получения значений, вся страница загружена, но по-прежнему появляется ошибка для null
Это случайно не внутри iframe?
Ну да, похоже, проблема с фреймами на странице, мне нужно сначала взять iframe и начать с него, чтобы получить элементы. Спасибо.
У меня отлично работает jsfiddle.net/j08691/wey60nxc. Вы проверили консоль браузера на наличие ошибок?