你作为一个Java领域的专家，请完成以下任务：<div id=logo></div> 使用js隐藏，使用两种方法并说说区别

好的，我来完成这个任务。

方法一：使用CSS设置display属性为none

我们可以使用JavaScript来获取该元素并设置其display属性为none，从而隐藏该元素。代码如下：

var logo = document.getElementById('logo');
logo.style.display = 'none';

方法二：使用CSS设置visibility属性为hidden

另一种方法是使用CSS设置元素的visibility属性为hidden。这种方法与第一种方法不同的是，元素仍然占据空间，只是在视觉上被隐藏了。代码如下：

var logo = document.getElementById('logo');
logo.style.visibility = 'hidden';

区别：

1. display:none会将元素从文档流中移除，而visibility:hidden仅仅是将元素的可见性设置为隐藏，元素仍然占据空间。
2. 当使用display:none时，无论是元素本身还是其子元素都不会被渲染，而visibility:hidden时，元素本身会被渲染，但是其子元素不会被渲染。
3. display:none对应的是display:block或display:inline等具有布局意义的CSS属性，而visibility:hidden则没有对应的属性。

综上所述，根据实际需求选择使用哪种方法。