Javascript 无法设置属性'；innerHTML'；空控制台的值可以正确地看到该值

我正在制作一个网页，你可以在其中登录，建立一个帐户等。然而，当我试图描述用户信息时，我得到一个错误“无法将属性“innerHTML”设置为null”

当我使用以下命令在控制台中打印值时：

console.log(temp.gender);

它正确地显示值。这是非功能代码行上方的一行，即：

document.getElementById("account_gender").innerHTML = temp.gender;

我得到了上面提到的错误。整个函数在window.onload中被激活，因此应该完成DOM树。所有其他的价值观似乎都起作用了

我应该提到，性别是通过选项输入选择的。我试图用不同的方法提取价值，但结果相同。因此，目前情况是：

gender = document.getElementById("signupgender").value;

当用户注册时

HTML中div的代码

<div>
    <h3> My information </h3>
    <div id="account_info"><label>Email: </label><div id="account_mail"></div></div>
    <div id="account_info"><label>Name: </label><div id="account_firstname"></div></div>
    <div id="account_info"><label>Gender: </label><div id="account_gender"></div></div>
    <div id="account_info"><label>City: </label><div id="account_city"></div></div>
    <div id="account_info"><label>Country: </label><div id="account_country"></div></div>
</div>

---

提前感谢。

正如您在评论中提到的，这是名称而不是ID。请尝试以下操作

document.getElementsByName("account_gender")[0].innerHTML = temp.gender;

检查document.getElementById（“帐户性别”）是否不为空。确保在页面底部添加标签。就在之前 确保在运行脚本时加载所有元素。尝试以下方法进行调试

document.addEventListener('DOMContentLoaded', function() {
    alert(document.getElementById("account_gender"));
}, false);

---

正如您在评论中提到的，它是名称而不是ID。请尝试以下操作

document.getElementsByName("account_gender")[0].innerHTML = temp.gender;

检查document.getElementById（“帐户性别”）是否不为空。确保在页面底部添加标签。就在之前 确保在运行脚本时加载所有元素。尝试以下方法进行调试

document.addEventListener('DOMContentLoaded', function() {
    alert(document.getElementById("account_gender"));
}, false);

---

是否有id为

account\u gender

的元素？问题不在于值，而在于dom元素引用。检查Satpal询问的内容。是的，元素名称正确，我已复制粘贴了div id以确定是否正确。try document.getElementByName（“account_-gender”）。innerHTML=temp.gender；没有id为“account\u gender”的组件，或者该组件未在DOM中呈现。您可以发布您的代码，这样我们就可以了解。您是否有id为

account\u gender

的元素？问题不在于值，而在于dom元素引用。检查Satpal询问的内容。是的，元素名称正确，我已复制粘贴了div id以确定是否正确。try document.getElementByName（“account_-gender”）。innerHTML=temp.gender；没有id为“account\u gender”的组件，或者该组件未在DOM中呈现。你可以发布你的代码，这样我们就可以知道了。