如何通过纯javascript在HTML中单击单选按钮显示不同的表单

这是我的密码。我想在单击login单选按钮时显示登录表单，类似地，注册单选按钮的注册表单

我犯了一个错误

_blank.html:21未捕获类型错误：无法读取null的属性“append” 在登录用户 在HTMLInputElement.onclick

_blank.html:28未捕获类型错误：无法读取null的属性“append” 在注册用户 在HTMLInputElement.onclick

函数登录用户（logindiv）{
log（'login'）；
var newdivlogin=document.createElement（'div'）；
newdivlogin.innerHTML=“注册”+”
“+”
“+”
”；
document.getElementById（logindiv）.append（newdivlogin）；
}
函数signupUser（signupdiv）{
console.log（“注册”）；
var newdivsignup=document.createElement（'div'）；
newdivsignup.innerHTML=“SignUp
“+”
“+”
“+”
“+”
”；
document.getElementById（signupdiv）.append（newdivsignup）；
}

链接
如果您是新用户，请登录或注册
登录
注册

将

class=“user”

更改为

id=“user”

链接
如果您是新用户，请登录或注册
登录
注册

函数loginUser（logindiv）{
log（'login'）；
var newdivlogin=document.createElement（'div'）；
newdivlogin.innerHTML=“LogIn
“+”
“+”
“+”；
document.getElementById（logindiv）.append（newdivlogin）；
}
函数signupUser（signupdiv）{
console.log（“注册”）；
var newdivsignup=document.createElement（'div'）；
newdivsignup.innerHTML=“SignUp
“+”
“+”
“+”
“+”
”；
document.getElementById（signupdiv）.append（newdivsignup）；
}

将

class=“user”

更改为

id=“user”

链接
如果您是新用户，请登录或注册
登录
注册

函数loginUser（logindiv）{
log（'login'）；
var newdivlogin=document.createElement（'div'）；
newdivlogin.innerHTML=“LogIn
“+”
“+”
“+”；
document.getElementById（logindiv）.append（newdivlogin）；
}
函数signupUser（signupdiv）{
console.log（“注册”）；
var newdivsignup=document.createElement（'div'）；
newdivsignup.innerHTML=“SignUp
“+”
“+”
“+”
“+”
”；
document.getElementById（signupdiv）.append（newdivsignup）；
}

更改为

更改为

在我看来，您传入的是“user”，它是一个类名（），而不是一个ID。但在函数loginUser（logindiv）和函数signupUser（signupdiv）中，您调用的是document.getElementById（），它需要的是一个ID名，而不是类名。您可能需要document.getElementsByClassName（）。在我看来，您正在传入'user'，它是一个类名（），而不是ID。但在函数loginUser（logindiv）和函数signupUser（signupdiv）中，您正在调用document.getElementById（），它需要的是一个ID名，而不是类名。您可能需要document.getElementsByClassName（）。看见