我有一些 JavaScript 代码会出现此错误
Uncaught TypeError: Cannot read property 'value' of undefined
代码
var i1 = document.getElementById('i1');
var i2 = document.getElementById('i2');
var __i = {'user' : document.getElementsByName("username")[0], 'pass' : document.getElementsByName("password")[0] };
if( __i.user.value.length >= 1 ) { i1.value = ''; } else { i1.value = 'Acc'; }
if( __i.pass.value.length >= 1 ) { i2.value = ''; } else { i2.value = 'Pwd'; }
这个错误是什么意思？
似乎是您的值之一，属性键为 'value' 未定义。测试i1,i2和__i在执行 if 语句之前定义：
var i1 = document.getElementById('i1');
var i2 = document.getElementById('i2');
var __i = {'user' : document.getElementsByName("username")[0], 'pass' : document.getElementsByName("password")[0] };
if(i1 && i2 && __i.user && __i.pass)
{
if( __i.user.value.length >= 1 ) { i1.value = ''; } else { i1.value = 'Acc'; }
if( __i.pass.value.length >= 1 ) { i2.value = ''; } else { i2.value = 'Pwd'; }
}
要么document.getElementById('i1')，document.getElementById('i2')或者document.getElementsByName("username")[0]是没有返回元素。检查，所有元素都存在。
试试这个，它总是有效，你不会得到 TypeError：
try{
var i1 = document.getElementById('i1');
var i2 = document.getElementById('i2');
var __i = {'user' : document.getElementsByName("username")[0], 'pass' : document.getElementsByName("password")[0] };
if( __i.user.value.length >= 1 ) { i1.value = ''; } else { i1.value = 'Acc'; }
if( __i.pass.value.length >= 1 ) { i2.value = ''; } else { i2.value = 'Pwd'; }
}catch(e){
if(e){
// If fails, Do something else
}
}
首先，您应该确保 document.getElementsByName("username")[0] 实际上返回一个对象而不是“未定义”。你可以简单地检查一下
if (typeof document.getElementsByName("username")[0] != 'undefined')
其他元素密码也类似。
此处的帖子在我为Uncaught TypeError: Cannot read property 'value' of undefined issue寻找解决方案的过程中帮了我很多忙。
这里已经有很多正确的答案，但我们这里没有的是我认为完全解决这个问题的 2 个答案的组合。
function myFunction(field, data){
if (typeof document.getElementsByName("+field+")[0] != 'undefined'){
document.getElementsByName("+field+")[0].value=data;
}
}
不同之处在于您进行检查（是否定义了属性），如果检查为真，那么您可以尝试为其分配一个值。