、显示

el.style.display = '';

2、隐藏

el.style.display = 'none';

3、toggle

function toggle(el) {
  if (el.style.display == 'none') {
    el.style.display = '';
  } else {
    el.style.display = 'none';
  }
}

4、完整例子

SS 隐藏元素的方法你能说出来几种？

这是一个在 web 前端面试中常会提及的基础问题，聊这个话题不仅仅只是讨论“茴”字有几种写法，更是能从一个简单的问题中体现出你的 CSS 边界能力，本文提炼了十种最实用的方法，希望对你有所帮助。

常规方法

display: none;

结构消失，会触发回流重绘（Reflow & Repaint）。

opacity: 0;

结构保留，占据空间，可以正常触发事件，因触发硬件加速所以不发生回流和重绘。

visibility: hidden;

结构保留，占据空间，仅触发重绘，不会触发事件（无法选中）。

content-visibility: hidden;

设置元素内容可见性，设置的元素本身不受影响。hidden 隐藏效果与 display: none 类似，但实际浏览器只是跳过了内容的渲染，还保留着内容的渲染状态，性能上有优势。

注意：该属性目前还处于实验性阶段，使用时需要考虑浏览器兼容性问题。

逃逸视窗

position+left/top

利用绝对定位 position 设置 absolute 或 fixed，同时 left 或 top 设置 -9999px；

超大负边距会将元素抛出视图，因为定位本身脱离了文档流所以不占据空间。

translate(-9999px)

利用偏移抛出视图，空间会占据，不过元素实际不在视窗内所以无法交互。

transform: translate(-9999px);

注意：此方法对行内元素无效！

这两种方法并不使元素本身消失，只是看不见了而已。

移行变换

scale(0) / skew(90deg)

通过2D变换来达到隐藏，占据空间，不可交互。

transform: scale(0);

transform: skew(90deg);

注意：此方法对行内元素无效！

circle(0px)

利用裁剪创建元素的可显示区域，区域外会隐藏，占据空间，不可交互（这里我用 circle 是因为它参数最少）

clip-path: circle(0px);

z-index

层叠上下文在合适的情况下可以遮挡住元素，也算是一种隐藏方式。

压缩空间

height: 0; width: 0;

宽高都为 0 时不占据空间，不可交互。需要处理边距等样式，还需设置 overflow: hidden; 否则子元素可能不会隐藏，注意还会被display影响，所以这个方法本身并不实用，但是可以充分体现对盒模型的理解。

width: 0;
height: 0;
padding: 0;
margin: 0;
border: none;
overflow: hidden;

总结

或许还有其它“障眼法”可以让元素不可见，以上整理的十种方法都独具代表性，且比较实用。

以上就是文章的全部内容，感谢看到这里！本人知识水平有限，如有错误望不吝指正，如果觉得写得不错，对你有所帮助或启发，可以点赞收藏支持一下，也欢迎关注，我会更新更多实用的前端知识与技巧。我是茶无味de一天(公众号: 品味前端)，希望与你共同成长~

文地址：三个方法让你在上网时隐藏您的真实 IP 地址

使用隐藏 IP 地址的技术可以让您将匿名保持在某一种不被追踪的状态下放心冲浪。但是本文不是教你如何做坏事。

随着隐私每年受到越来越多的侵犯，上网时的匿名性变得越来越重要。即使攻击者只知道您的真实 IP 地址，威胁也会出现，并且越来越多的人开始使用不同的方法来屏蔽 IP 地址。这些技术的本质归结为将真实 IP 地址隐藏在另一个网络的 IP 地址后面。

方法1：使用VPN

VPN 代表虚拟专用网络，但实际上要简单得多。基本上，您将计算机或设备连接到另一个网络并通过该网络上网。任何活动看起来都“好像”是由该网络的所有者而不是您进行的。但是不合格的VPN供应商为了依旧记录你的日志内容。

当您连接到 VPN 时，您会使用您所连接网络的 IP 地址来屏蔽您的 IP 地址。为了跟踪到您设备的流量，VPN 必须“通过”您（IP 地址也可以通过 DNS 泄漏找到）。

如果选择VPN请根据你的个人的选择来确定,因为VPN目前的确属于敏感词汇。企业选择虚拟机网络的目的是为了安全去想。个人选择可能有个人的看法。具体我不评价。

方法 2：Web 代理

Web 代理的工作方式与 VPN 大致相同：您连接到代理，然后您的所有流量都开始通过该服务器。在这种情况下，您的 IP 地址隐藏在代理服务器的 IP 地址后面。

但是，Web 代理和 VPN 之间有两个重要区别。

首先，代理服务器通常缺乏加密。即使您的地址是隐藏的，供应商和执法机构也可以分析流量。此外，某些站点可以使用 Flash 或 JavaScript 跟踪您的真实 IP 地址。

其次，某些浏览器只允许通过代理重定向网络流量。要使用网络代理，您需要进入浏览器设置并指定服务器的 IP 地址。在这种情况下，浏览器之外的应用程序和设备（例如 Skype）将显示您的真实 IP 地址。

方法 3：公共 Wi-Fi

您可以直接连接到该网络，而不是通过另一个网络重定向流量。例如，公共 Wi-Fi。

有趣的是，这是隐藏真实 IP 地址的唯一方法。当您连接到公共 Wi-Fi 时，没有人可以跟踪您，尤其是在热点很受欢迎的情况下（例如，属于XX酒店等）。在这种情况下，您的活动将被数十个其他用户隐藏。但是请记住，使用公共 Wi-Fi 会带来其他风险。

默认情况下，大多数公共热点都未加密，所有人都可以使用您的所有活动，包括银行账户和在线商店。此外，恶意软件可以通过公共热点进入您的设备。

攻击者还可以通过其他方式通过公共 Wi-Fi 窃取您的个人信息。因此，通过隐藏您的 IP 地址，您同时会面临许多其他隐私和安全风险。