Javascript 在某些浏览器中是否可以隐藏id元素?
假设我有一个这样定义的idJavascript 在某些浏览器中是否可以隐藏id元素?,javascript,html,css,Javascript,Html,Css,假设我有一个这样定义的id <span id ="radiobuttonContainer"> Check to enable checkboxes: <input type="radio" name="cov-failed" value="cover" onclick="javascript:printoutCheckboxes('cover')"> Coverage <input type="radio" name="co
<span id ="radiobuttonContainer"> Check to enable checkboxes:
<input type="radio" name="cov-failed" value="cover" onclick="javascript:printoutCheckboxes('cover')">
Coverage
<input type="radio" name="cov-failed" value="failed" onclick="javascript:printoutCheckboxes('failed')">
Failed</span>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="root/include/excanvas.min.js"></script><![endif]-->
选中以启用复选框:
新闻报道
失败
我不想在下面的浏览器(即9)中显示这个“spanId”,因为这样可以使IE<8无法管理的数据更加可视化。我知道,根据类似这样的浏览器,您可以有不同的Javascript和css:es
<span id ="radiobuttonContainer"> Check to enable checkboxes:
<input type="radio" name="cov-failed" value="cover" onclick="javascript:printoutCheckboxes('cover')">
Coverage
<input type="radio" name="cov-failed" value="failed" onclick="javascript:printoutCheckboxes('failed')">
Failed</span>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="root/include/excanvas.min.js"></script><![endif]-->
然后选择显示:“无”
但我想知道,除了这一行之外,是否真的有必要让2个相等的.css文件包含完全相同的信息
我不能就这样做吗
<!--[if lte IE 8]>document.getElementById('radiobuttonContainer').style.display = 'none';<![endif]-->
我想你一定可以这样做:
<!--[if lte IE 8]><script type="text/javascript">
document.getElementById('radiobuttonContainer').style.display = 'none';
</script><![endif]-->
顺便说一下,这是您的示例的合并。我认为您肯定可以这样做:
<!--[if lte IE 8]><script type="text/javascript">
document.getElementById('radiobuttonContainer').style.display = 'none';
</script><![endif]-->
顺便说一句,这是您的示例的合并。您应该能够将标记包装在条件注释中。或者,由于页面内联包含的CSS优先于包含的CSS,因此您不必包含第二个样式表,只需包含针对该情况的新定义。i、 e
<!--[if lte IE 8]>
<style type="text/css">
#radiobuttonContainer{
display = 'none';
};
<![endif]-->
并在包含的CSS文件之后添加标签。您应该能够将标签包装在条件注释中。或者,由于页面内联包含的CSS优先于包含的CSS,因此您不必包含第二个样式表,只需包含针对该情况的新定义。i、 e
<!--[if lte IE 8]>
<style type="text/css">
#radiobuttonContainer{
display = 'none';
};
<![endif]-->
在包含的CSS文件之后添加这些内容。如果使用类似的工具,可以使用它来确定浏览器的功能
如果IE8中没有特定的功能,可以在样式表中引用它,如果浏览器没有该功能,则隐藏该元素
假设该功能是HTML5画布,您所需要做的就是在页面中包含Modernizer Javascript的单行脚本,然后在CSS中执行以下操作:
.nocanvas .radiobuttonContainer {
display:none;
}
如果使用类似的工具,则可以使用它来确定浏览器的功能
如果IE8中没有特定的功能,可以在样式表中引用它,如果浏览器没有该功能,则隐藏该元素
假设该功能是HTML5画布,您所需要做的就是在页面中包含Modernizer Javascript的单行脚本,然后在CSS中执行以下操作:
.nocanvas .radiobuttonContainer {
display:none;
}
为什么要通过js隐藏,而不仅仅是通过简单的css覆盖
span#radiobuttonContainer{display:none;}
@knittl是的,这就是我的意思,我要快速复制和粘贴;)你是什么意思,我应该在哪里发布这个,我知道你可以通过css来实现,但我不想有2个不同的.css文件。我可以这样做吗??=)“数据更加可视化”这句话背后隐藏着什么?如果它是oldIE不支持的javascript特性,则嗅探该特性,然后隐藏该元素。请注意,HTML仍将被发送和解析,因此如果它真的导致oldIE严重失败,隐藏它可能是不够的。@Sean McMillan我正在使用flot,单选按钮允许您同时绘制多个数据集,为什么要通过js隐藏,而不仅仅是通过简单的css覆盖span#radiobuttonContainer{display:none;}
@knittl是的,这就是我的意思,我要快速复制和粘贴;)你是什么意思,我应该在哪里发布这个,我知道你可以通过css来实现,但我不想有2个不同的.css文件。我可以这样做吗??=)“数据更加可视化”这句话背后隐藏着什么?如果它是oldIE不支持的javascript特性,则嗅探该特性,然后隐藏该元素。请注意,HTML仍将被发送和解析,因此如果它真的导致oldIE严重失败,那么隐藏它可能是不够的。@Sean McMillan我正在使用flot,单选按钮使您能够同时绘制多个数据集,也就是说,don't can manage=)刚刚编写了完全相同的内容。在这个网站上,如果没有人打我,我几乎无法回答任何问题!:)感谢您提供的所有解决问题的替代方法,哪种方法是最好的;嗯,javascript总是有被禁用的可能性,所以纯CSS方法是最可靠的。@当我尝试这个方法时,科学家说,但当我把那一行放在与javascript工作时完全相同的位置时,单选按钮仍然显示出来。我做错了什么吗?嗯,我会把它放在(使用JS或CSS实现)中,只是写了完全相同的东西。在这个网站上,如果没有人打我,我几乎无法回答任何问题!:)感谢您提供的所有解决问题的替代方法,哪种方法是最好的;嗯,javascript总是有被禁用的可能性,所以纯CSS方法是最可靠的。@当我尝试这个方法时,科学家说,但当我把那一行放在与javascript工作时完全相同的位置时,单选按钮仍然显示出来。我做错了什么吗?嗯,我会把它放在(使用JS或CSS实现)是的,事实上我对你的评论投了赞成票,但今天98%的浏览器启用了javascript,所以,这实际上是一个现实问题吗?啊,是的,我现在看到了赞成票。我想即使radioButton没有隐藏,站点的其余部分也不会工作,因此在这一点上,它是一个半打到另一个。如果可以的话,我总是喜欢先使用CSS。是的,事实上我对你的评论投了赞成票,但今天98%的浏览器都启用了javascript,所以,这是一个现实世界的问题吗?啊,是的,我现在看到了赞成票。我想即使radioButton没有隐藏,站点的其余部分也不会工作,因此在这一点上,它是一个半打到另一个。如果可以的话,我总是喜欢先使用CSS。