<div id="loader-wrapper"> <div id="loader"></div> </div> <div id="app"></div>判断页面渲染到 <div id="app"></div>的时候,把 <div id="loader-wrapper"> <div id="loader"></div> </div>隐藏
时间: 2023-08-14 19:57:25 浏览: 87
可以使用JavaScript来实现这个功能。你可以在页面加载完成后,通过获取到目标元素的引用,然后设置其样式来隐藏它。
以下是一个示例代码:
```javascript
document.addEventListener("DOMContentLoaded", function() {
var appElement = document.getElementById("app");
var loaderWrapperElement = document.getElementById("loader-wrapper");
if (appElement) {
// 隐藏 loader-wrapper
loaderWrapperElement.style.display = "none";
}
});
```
在这个示例中,我们使用`DOMContentLoaded`事件来确保页面的DOM结构已经加载完成。然后,我们获取到目标元素`app`和`loader-wrapper`的引用,并通过设置`display`属性为`none`来隐藏`loader-wrapper`。
将这段代码放置在你的页面中,当页面渲染到目标元素`app`时,就会隐藏`loader-wrapper`。
阅读全文