在Javascript中调用嵌套的div类。修改后的代码在WordPress中不起作用 _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网站上正常运行。
【在Javascript中调用嵌套的div类。修改后的代码在WordPress中不起作用】我不知道我在使用Wordpress时必须通过在php文件中调用脚本来添加脚本。