wordpressにおけるjsについて

現在wordpressにてjsファイルをfunctions.php内に

function my_script_init() {
	wp_enqueue_style('fontawesome', 'https://use.fontawesome.com/releases/v5.8.2/css/all.css', array(), '5.8.2', 'all');

	wp_enqueue_script('my', get_template_directory_uri() . '/js/functions.js');
	}
	wp_enqueue_style( 'my', get_stylesheet_uri() );
add_action('wp_enqueue_scripts', 'my_script_init');

を記述することで読み込んでいます。コンソールで適当な文字を出力することはできるのでjsファイル自体は読み込めていると思いますがidが取得できていないようで
functions.js?ver=5.2.3:4 Uncaught TypeError: Cannot read property 'addEventListener' of null
のように出てしまいます。

わかる方いらっしゃいましたらお願いします。

console.log("a");

document.getElementById('hamburger-menu').addEventListener('click',function(){
  document.getElementById("toggle").classList.add('none');
}, false);

kei344

2019/09/11 09:57

functions.jsを質問文に追記してください。

roim

2019/09/11 10:00

追記致しました。

kei344

2019/09/11 12:05

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。

行動規範の内容に同意します

回答1件

ベストアンサー

HTMLのロードを待ちましょう。

js
1document.addEventListener( 'DOMContentLoaded' , function( e ) {
2	document.getElementById( 'hamburger-menu' ).addEventListener( 'click', function() {
3		document.getElementById( "toggle" ).classList.add( 'none' );
4	}, false );
5}, false );