时间戳

首页 > 解决方案 > wordpress header javascript - TypeError: document.getElementById(...) is null

javascript - wordpress header javascript - TypeError: document.getElementById(...) is null

问题描述

我已将此添加到 header.php：

<?php wp_head(); ?>
<script>
    console.log('TEST');
    document.getElementById("bestyrelsen").innerHTML = "TEST";
</script>
</head>

在页面中这个 p 标签：

<p id="bestyrelsen"></p>

当页面加载 TEST 被写入日志，但我得到这个错误：

类型错误：document.getElementById(...) 为空

为什么这不起作用？

标签： javascriptwordpress

解决方案

您的代码在 DOM 完全加载之前运行，包装您的代码DOMContentLoaded将确保在 DOM 完全加载时执行代码（所有元素都可用）：

document.addEventListener('DOMContentLoaded', () => {  
  console.log('TEST');
  document.getElementById("bestyrelsen").innerHTML = "TEST";
});

推荐阅读