Javascript 隐藏iFrame或Div

我有一个用于检测浏览器和显示div的条件网页

我有5个div和5个id

比如：

我在这里
我在这里
我在这里
我在这里
我在这里

• 当我从firefox打开此网页时，它会向您显示firefox iframe。这次身体课是“壁虎赢”

• 当我从chrome打开这个网页时，它会显示firefox iframe。这次的身体课是“webkit chrome”

• 当我从safari打开这个网页时，它会显示firefox iframe。这次的身体课是“狩猎”

• 当我从IE打开这个网页时，它会显示firefox iframe。这一次body类是空白的

现在我需要一个javascript代码

• 当body类为“gecko win”时，它会自动删除其他类，如：chrome、opera、safari。。全部内容

• 当它这次使用主体类“chrome”时，它删除了firefox、ie、opera等。只保留铬

有可能吗

如果可能，代码是什么

我的全部代码是：

我没有设置显示无代码。它已经起作用了。但是我想要基于html/body类的代码

• 当body/html类为chrome时，仅显示chromediv并从页面中删除所有其他div
• 当body/html类为firefox时，只显示firefox div并从页面中删除所有其他div
• 当body/html类为空时，仅显示IE div并从页面中删除所有其他div

我不想设置

显示：无

或

可见性：隐藏

代码。我想

remove（）

javascript代码

BrowserDetect.init();

假设我们有一个分区

<div id="userInfo"></div>

---

在您的情况下，删除版本和平台..

我不是说这不起作用，而是说在开始时隐藏所有div（使用普通CSS），然后只显示所需的div，而不是在每种情况下写4行代码会更容易吗？@Harry+1。在这里，您可以使用

$（“#chrome，#ie，#opera，#firefox”）.css（'display'，'none'）。但您的解决方案仍然更好；）一个指向该库的链接可以真正帮助OP。
var browser=*your_method_to_find_browser (serverside or client side)*;
switch (browser)
{
     case 'firefox':
         $("#chrome").css('display','none');
         $("#ie").css('display','none');
         $("#opera").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'chrome':
         $("#firefox").css('display','none');
         $("#ie").css('display','none');
         $("#opera").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'ie':
         $("#chrome").css('display','none');
         $("#firefox").css('display','none');
         $("#opera").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'opera':
         $("#chrome").css('display','none');
         $("#ie").css('display','none');
         $("#firefox").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'safari':
         $("#chrome").css('display','none');
         $("#ie").css('display','none');
         $("#opera").css('display','none');
         $("#firefox").css('display','none');
         break;
}

var a = BrowserDetect.browser,
b = BrowserDetect.version,
c = BrowserDetect.OS;
if(a == "Firefox" && b >= "14" && c == "Windows"){
    //firefox greater then or equal to 14, on windows
    $("#userInfo").text(a +' '+ b + ' - ' + c);
}else if(a == "Explorer" && b == "9" && c == "Windows"){
    //ie9 on windows
    $("#userInfo").text(a +' - '+ b + ' - ' + c);   
}else if(a == "Chrome" && b > "19" && c == "Mac"){
    //chrome greater than 19 on a mac
    $("#userInfo").text(a +' - '+ b + ' - ' + c); 
}
//more conditionals here

var browser=*your_method_to_find_browser (serverside or client side)*;
switch (browser)
{
     case 'firefox':
         $("#chrome").css('display','none');
         $("#ie").css('display','none');
         $("#opera").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'chrome':
         $("#firefox").css('display','none');
         $("#ie").css('display','none');
         $("#opera").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'ie':
         $("#chrome").css('display','none');
         $("#firefox").css('display','none');
         $("#opera").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'opera':
         $("#chrome").css('display','none');
         $("#ie").css('display','none');
         $("#firefox").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'safari':
         $("#chrome").css('display','none');
         $("#ie").css('display','none');
         $("#opera").css('display','none');
         $("#firefox").css('display','none');
         break;
}