在Javascript中調用嵌套的div類。 修改后的代碼無法在WordPress中使用

Question

需要幫忙。

我在body> div> div中創建一個div。

參考： 使用JavaScript在嵌套類中創建div

這是指向我的jsfiddle的鏈接https://jsfiddle.net/41w8gjec/6/這是指向網站的鏈接https://bastioul.com/index.php/category/portfolio/，因此您可以看到div是如何嵌套的

這是WordPress的課程。

class="archive category category-portfolio category-3 custom-background custom-header-image layout-two-column-default no-max-width"
>
class="hfeed"
>
class="site-content"

這是我的實際JavaScript代碼

function bastioul() {
  var dirty = document.querySelector('.category-portfolio>.hfeed>.site-content');
  var grime = dirty.appendChild(document.createElement('div'));
  grime.id = "portfolionav";
}
if (window.addEventListener) {
  window.addEventListener('load', bastioul, false);
} else {
  window.attachEvent('onload', bastioul);
}

jsfiddle中沒有錯誤消息。 就php / javascript / jQuery而言，我對編碼不夠了解，無法遍歷wordpress js文件來查看是否有某些東西在否定我的代碼。 不能完全確定我的問題的根本原因，因為它可以在jsfiddle中運行，並且在檢查頁面時沒有控制台錯誤。 我試圖研究這個問題，但這是一個非常具體的問題。

不完全確定還有什么嘗試。

Answer 1

好的，我通過編輯正在使用的wordpress主題的functions.php解決了該問題。

這是我的PHP代碼。

wp_register_script( 'portfolionav', get_template_directory_uri() . '/portfolionav.js', array(), true );
 wp_enqueue_script('portfolionav');
 wp_footer();

注意我對此代碼有疑問，因為它會自動選擇一個庫。

我使用瀏覽器檢查控制台錯誤來顯示被調用的庫，它是/ themes / primer。

我已將JavaScript上傳到該庫。

現在，我的腳本可以在我的Wordpress網站上正常運行。

我不知道使用Wordpress時必須通過在php文件中調用腳本來添加腳本。