Javascript 解决错误:无法使用更好的方法读取null的属性“style”?

Javascript 解决错误:无法使用更好的方法读取null的属性“style”?,javascript,jquery,html,Javascript,Jquery,Html,我有一个用于两个不同页面的通用js文件。在第1页中,我只想在LName输入有任何值时显示text2字段。否则,我想将其隐藏。因此,我创建了一个if条件,以查看LName输入是否有任何值,如果没有值,则保留显示:none 在第2页中,我不需要id=text2的div,所以删除了它。因此,每当我输入时,它都会返回一个错误,因为没有id=text2的div 我需要一个js文件,同时,我需要在第1页中显示text2 div,但我不想在第2页中保留,因为我不需要它。我如何解决这个问题?有没有更好的方法 这

我有一个用于两个不同页面的通用js文件。在第1页中,我只想在LName输入有任何值时显示text2字段。否则,我想将其隐藏。因此,我创建了一个if条件,以查看LName输入是否有任何值,如果没有值,则保留显示:none

在第2页中,我不需要id=text2的div,所以删除了它。因此,每当我输入时,它都会返回一个错误,因为没有id=text2的div

我需要一个js文件,同时,我需要在第1页中显示text2 div,但我不想在第2页中保留,因为我不需要它。我如何解决这个问题?有没有更好的方法

这是中的工作页1

这是代码段中的第2页,返回一个错误:

$document.readyfunction{ $document.onkeyup更改,FName,LName,函数{ var FName=$'FName'.val; var LName=$'LName'.val; var listP=document.getElementById'list'; 如果$'FName'.val=={ listP.style.display='none'; }否则{ listP.style.display='block'; } var text2P=document.getElementById'text2'; 如果$'LName'.val=={ text2P.style.display='none'; }否则{ text2P.style.display='block'; } $'text1'.html'这是文本1'; $'text2'.html'这是文本2'; $'text3'.html'这是文本3'; }; }; FName:LName: 检查text2P是否不正确:

var text2P = document.getElementById('text2');
if (text2P) {
    if ($('#LName').val() == "") {
        text2P.style.display = 'none';
    } else {
        text2P.style.display = 'block';
    }
}
医生
取消对text2字段的注释可能是重复的谢谢你的建议。但是我不想在第2页保留,因为我不需要它。可能吗?是的,用我在答案中写的代码,你不需要在html中。哇!非常感谢你的教训。我真的很感谢你的帮助。不客气,如果是问题,请标记为已解决案例^ u^。