用javascript隐藏div

Question

为什么这不起作用。我该怎么办js来隐藏我的s_login div？请帮忙

ng-class="[{loading:loadingIsOn},{ color:true}]"

Answer 1

将隐藏元素脚本代码放在dom ready或window onload方法中。首先执行您的脚本，然后在DOM内部无法使用 s_login 元素。

使用当前代码检查这个，你将得到null。即你手边没有隐藏的元素。

var element = document.getElementById('s_login');
console.log(element);

如果你使用的是jquery，你可以这样做：

$(document).on("ready",function(){
   document.getElementById('s_login').visibility = "hidden"
});

其他本地

window.onload = function(){
   document.getElementById('s_login').visibility = "hidden"
}

没有使用DOMContentLoaded Listener，因为它可能会引起一些跨浏览器问题。

Answer 2

最好的方法是将函数包装在

中

 $(document).ready(function() {
     // script here
 }

使用jQuery或

document.addEventListener("DOMContentLoaded", function(event) { 
     // script here
});

没有jQuery。

这确保在脚本被触发之前加载DOM。