Question

我有这两个隐藏的输入，我想获取两者的值，但是当尝试访问这些值时，我就无法识别TypeError：无法读取null的属性'value'

// I have been trying from code and chrome console with

console.log(document.getElementById('totalU').value);
console.log(document.getElementById('totalU'));
console.log(document.getElementById('totalW').value);
console.log(document.getElementById('totalW'));

<li style="background-color:white"><span>&nbsp;<input id="totalU" type="text" value="18" style="display:none"></span></li>
<li style="background-color:white"><span>&nbsp;<input id="totalW" type="hidden" value="20"></span></li>

但是仍然要获取null，HTML和javascript有什么问题吗？根据要求，我需要使用javascript，而不是jQuery。预先感谢您的帮助。

Answer 1

这很好。

console.log(document.getElementById('totalU').value);
console.log(document.getElementById('totalU'));
console.log(document.getElementById('totalW').value);
console.log(document.getElementById('totalW'));

<li style="background-color:white"><span>&nbsp;<input id="totalU" type="text" value="18" style="display:none"></span></li>
<li style="background-color:white"><span>&nbsp;<input id="totalW" type="hidden" value="20"></span></li>

我确定您只是在创建元素之前运行了javascript部分。

检查您的<script>标签是否在此HTML代码之后。通常将它们放在<body>标签结束之前。

如何从隐藏或显示中获取值：没有使用javascript的输入

1 个答案: