Wordpress Javascript注入不起作用

Question

我在包含此代码的子主题中创建了一个js文件

    const prID = "10496";
const EL_prID = document.querySelector(`[data-product-id="${prID}"]`);

if (EL_prID) {
  EL_prID.parentNode.classList.add('is-hidden');}

我使用插件在页面的标题中插入代码：我在标题中添加了js文件的网址。

我添加了CSS代码：.is-hidden：{display：none;}

[当我检查调试器时，js文件出现在标题内。但是我的html元素没有被隐藏。

我的错误在哪里？我应该在代码之前和之后在我的javascript文件中添加balise吗？

谢谢

Answer 1

如果您的js文件位于标头中，则表示它在执行页面时未完全加载DOM。将内容包装在加载事件监听器中（如果您必须在普通JS中执行）：

window.addEventListener('load', function() {
  const prID = "10496";
  const EL_prID = document.querySelector(`[data-product-id="${prID}"]`);

  if (EL_prID) {
    EL_prID.parentNode.classList.add('is-hidden');
    // ...?
  }

});