在Javascript中调用嵌套的div类。修改后的代码在WordPress中不起作用

需要帮忙。

我在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中运行, 并且在检查页面时没有控制台错误。我试图研究该问题, 但这是一个非常具体的问题。

不完全确定还有什么尝试。

#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文件中调用脚本来添加脚本。