时间戳

首页 > 解决方案 > 空错误的innerHTML

javascript - 空错误的innerHTML

问题描述

使用console.log我可以看到来自另一个页面的值，但是当我使用它放置这个值时，document.getElementById('abc').innerHTML = xyz.age;它给了我错误Uncaught TypeError: Cannot set property 'innerHTML' of null

我的JS

xyz = JSON.parse(sessionStorage.getItem("details"));
document.getElementById('abc').innerHTML = xyz.age; //getting error from here
console.log(xyz.age);

你能帮帮我吗

标签： javascript

解决方案

此示例使用您的代码工作，您可能在 dom 完全加载之前执行脚本？尝试将您的代码包装在document.addEventListener("DOMContentLoaded")：

document.addEventListener("DOMContentLoaded", function() {
  // code...
});


document.addEventListener("DOMContentLoaded", function() {
  xyz = { age: 24 }; // Mock data from localstorage
  document.getElementById('abc').innerHTML = xyz.age;
  console.log(xyz.age);
});
<div id="abc"></div>

推荐阅读