DIV如何实现显示和隐藏操作

这篇文章将为大家详细讲解有关DIV如何实现显示和隐藏操作，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

一.DIV显示/隐藏

1.设置div显示或隐藏

document.getElementById("div1").style.display="none";//DIV隐藏  document.getElementById("div2").style.display="";  //DIV显示

当然也可以直接用如下方式显示：

div1.style.display="none";//DIV隐藏  div2.style.display="";//DIV显示

2[xss_clean],outerHTML,innerText,outerText

关于这四者的区别，网上有段经典的代码：

   
ThisisaDIV!