Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么控制台告诉我“textContainer.scrollIntoView不是一个函数”?_Javascript_Scroll_Js Scrollintoview - Fatal编程技术网

Javascript 为什么控制台告诉我“textContainer.scrollIntoView不是一个函数”?

Javascript 为什么控制台告诉我“textContainer.scrollIntoView不是一个函数”?,javascript,scroll,js-scrollintoview,Javascript,Scroll,Js Scrollintoview,我试图让一个按钮在点击页面时向下滚动到一个特定的元素。我刚刚开始我的编码之旅,所以我认为这应该是一个简单的解决方案,但我似乎找不到解决方案 代码如下: let scrollDown = () => { let textContainer = document.getElementsByClassName("text-container"); textContainer.scrollIntoView(); }; let scrollButton = docume

我试图让一个按钮在点击页面时向下滚动到一个特定的元素。我刚刚开始我的编码之旅,所以我认为这应该是一个简单的解决方案,但我似乎找不到解决方案

代码如下:

let scrollDown = () => {
  let textContainer = document.getElementsByClassName("text-container");
  textContainer.scrollIntoView();
};

let scrollButton = document.getElementById("scrollBtn");
scrollButton.addEventListener("click", event => {
  scrollDown();
});
GetElementsByCassName返回数组get元素为复数,而getElementById最多返回一个元素

如果您100%确定该类只有一个元素,则可以直接使用:

let textContainer = document.getElementsByClassName("text-container")[0];

真酷,成功了!不完全清楚为什么though@JoelSinnott这在你问题顶部链接的帖子中有解释。@Ivar哦,我错过了