加载屏幕JavaScript不工作

加载屏幕JavaScript不工作,javascript,html,Javascript,Html,我有我的网页使用Nvd3的多个图表,我想添加一个加载圈在每个图表。问题是,当从服务器加载数据并完成绘图后,圆圈不会消失,我使用的JavaScript是: window.addEventListener("load",function(){ var load_screen=document.getElementById("load_screen"); document.body.removeChild(load_screen); }); 在控制台上,我收到错误信息: mainContro

我有我的网页使用Nvd3的多个图表,我想添加一个加载圈在每个图表。问题是,当从服务器加载数据并完成绘图后,圆圈不会消失,我使用的JavaScript是:

window.addEventListener("load",function(){
  var load_screen=document.getElementById("load_screen");
  document.body.removeChild(load_screen);
});
在控制台上,我收到错误信息:

mainController.js:802未捕获类型错误:未能在“节点”上执行“removeChild”:参数1不是“节点”类型

我还尝试了许多其他JavaScript解决方案,但它们都未能结束加载循环,可能是因为Nvd3检索数据未被识别为windows?如果我尝试加载YouTube视频页面,它似乎工作得很好

<div id="load_screen">
    <div class="spinner"></div>
</div>

您是否尝试记录对象
加载屏幕
? 请把它也记录下来

可能您应该在加载完图表后调用该匿名函数,或者尝试将侦听器附加到正文而不是窗口。

尝试使用以下方法:

    window.addEventListener("load",function(){
      var load_screen=document.getElementById("load_screen");
      load_screen.parentNode.removeChild(load_screen);
    });

不管怎么说,我自己也算明白了

我使用jQuery并在控制器内写了一行代码来隐藏
h1>div,我把旋转器放进去的地方


不过还是要谢谢你

你能发布你提到的从服务器加载图表数据的代码吗?在你的页面上似乎没有id为
load\u screen
的元素。或者至少在处理js时没有。等待窗口先加载。很抱歉,
load\u屏幕的
id是指向js的链接,
“spinner”
类是指向下面CSS的链接:
.spinner{宽度:80px;高度:80px;边框:2px实心#f3f3;边框顶部:3px实心#f25a41;边框半径:100%;位置:绝对;顶部:0;底部:0;左:0;右:0;边距:自动;动画:旋转1s无限线性;}@keyframes旋转{from{transform:rotate(0deg);}到{transform:rotate(360deg);}
I仍然收到此错误:mainController.js:802未捕获类型错误:未能在“节点”上执行“removeChild”:参数1不是“节点”类型。Load_屏幕返回值是多少?或者您是否尝试使用javascript控制台检查HTML元素?