javascript querySelector方法返回null

Question

css中的此代码工作正常：

#translatemenu134 ul ul li:nth-child(1){
    background-color:blue;
}

但是当我在Java脚本中使用此代码时：

var translateOption = document.querySelector("#translatemenu134 ul ul li:nth-child(1)");
translateOption.addEventListener("click", function(){
    document.getElementById("languagebar001").innerHTML = "<span style='font-size:16px'><i class='fal fa-globe'></i> EN</span>";
    });

我在控制台中遇到此错误： “无法读取null的属性'addEventListener'” 是因为该页面仍在加载并且找不到元素，或者我在代码中做错了什么？ 谢谢您的提前答复