JavaScript在WordPress主题中不起作用

Question

当尝试在WordPress主题中使用JavaScript自定义时，我遇到了一个有线问题 -

我尝试使用WordPress插件 - 简单的自定义CSS和JS，尝试将代码放入标题和页脚中，都不起作用。

尝试在'function.php'文件中添加以下内容，也无效。

add_action('wp_enqueue_scripts', 'tutsplus_enqueue_custom_js');
function tutsplus_enqueue_custom_js() {
    wp_enqueue_script('custom', get_stylesheet_directory_uri().'/js/custom.js', 
    array(), false, true);
}

我还测试了代码将页面直接按以下方式进行。

<script type="text/javascript">
    let product_title_id = document.querySelector("#product-title-id")
    let offer_welcome = document.getElementById("no-welcome")
    console.log(product_title_id.innerHTML)
    console.log(offer_welcome.innerHTML)
    if (product_title_id.innerHTML.includes("ltimate")) {
        console.log("Yes, it is included.")
        console.log(offer_welcome.innerHTML)
        document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important")
        document.querySelector(".word-offerswelcomme").style.setProperty("visibility ", "hidden", "important")
        document.getElementById("no-welcome").style.display = "none";
        document.getElementById("no-welcome").innerHTML = "";


    }
    document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important")
    document.getElementById("no-welcome").style.display = "none";
    document.getElementById("no-welcome").innerHTML = "";


</script>

在控制台中，console.log工作。但是IF语句和最后3个电话不起作用。 .style.display =“ none”在刷新页面时工作1秒，然后再次弹出内容。

任何人都知道如何解决此问题。我是WordPress的新手。 提前致谢

Answer 1

也许在完全下载的被调查文件后起作用。

document.addEventListener("DOMContentLoaded", function() {
 let product_title_id = document.querySelector("#product-title-id")
 let offer_welcome = document.getElementById("no-welcome")
 console.log(product_title_id.innerHTML)
 console.log(offer_welcome.innerHTML)
 if (product_title_id.innerHTML.includes("ltimate")) {
    console.log("Yes, it is included.")
    console.log(offer_welcome.innerHTML)
    document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important")
    document.querySelector(".word-offerswelcomme").style.setProperty("visibility ", "hidden", "important")
    document.getElementById("no-welcome").style.display = "none";
    document.getElementById("no-welcome").innerHTML = "";


 }
  document.querySelector(".word-offerswelcomme").style.setProperty("display", "none", "important")
  document.getElementById("no-welcome").style.display = "none";
  document.getElementById("no-welcome").innerHTML = "";

}