为什么我的javascript只执行第一行？普雷斯塔什酒店

我正在用CMS Prestashop建立一个网站，我正在尝试改变它的风格。 在prestashop中，我们可以添加一个javascript文件并进行一些更改，但是系统只执行第一行

也许它来自我的代码

window.onscroll=函数（）{
var title=document.getElementById（'header_menu'）；
如果（window.pageYOffset>100）{
title.classList.add（“白色菜单”）；
}否则{
title.classList.remove（“白色菜单”）；
}
};
var title_cat=document.getElementById（“main”）.getElementsByClassName（'h1'）[0]；
title_cat.classList.add（“font_size_null”）；
var research_bar=document.getElementById（“桌面搜索”）；
研究栏。类列表。添加（“研究”）；

当我尝试更改行的顺序时，只执行第一个更改

提前感谢,，

---

Malary

可能是因为getElementById方法仅在DOMDocument对象（在浏览器中，文档）上可用。 您正在尝试访问DOM元素的DOMDocument，这是不可能的。（不能“链”多个getElementById（））

要选择作为具有“main id”的元素的子元素的所有h1元素，我们可以使用如下内容：

var title_cat = document.querySelectorAll("#main h1");

或者，如果我们只对第一场比赛感兴趣（如您的示例中所示）：

var title_cat = document.querySelector("#main h1");