将 IE 中的 ID css 更改为 JavaSCript

Question

我正在尝试弄清楚如何将 css 显示从 none 更改为使用 javascript 阻止，但仅限于 IE。目前我有这段代码，但它不会更改 ID #backfill-image 上的 CSS。

<script>
function isIE() {
  ua = navigator.userAgent;
  /* MSIE used to detect old browsers and Trident used to newer ones*/
  var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;

  return is_ie; 
}
/* Create an alert to show if the browser is IE or not */
if (isIE()){

document.getElementById("backfill-image").style.display = "block";
}
</script>

Answer 1

这可能是您这边的缓存相关问题。尝试按 CTRL + F5 键硬刷新页面。

你的代码对我有效。

<!DOCTYPE html> 
<html> 
<head>
<style>
#backfill-image
{
 display:none;
}
</style>

</head>
<body> 
 <div id="backfill-image"><h2>This is my sample text...</h2></div>

<script>
function isIE() {
  ua = navigator.userAgent;
  /* MSIE used to detect old browsers and Trident used to newer ones*/
  var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;

  return is_ie; 
}
/* Create an alert to show if the browser is IE or not */
if (isIE()){

document.getElementById("backfill-image").style.display = "block";
}
</script>
</body> 
</html>

Ie 11 浏览器输出：

如果问题仍然存在，请尝试使用我发布的代码进行测试，看看它是否有效。

编辑：

IE 不支持 => 箭头功能。您需要更改语法或转换代码。您可以使用 Babel 来转换代码。参考：babeljs.io Helpful thread:

另外，请告知其他线程中的问题是否已解决。

将 IE 中的 ID css 更改为 JavaSCript

Change ID css in IE with JavaSCript

html

javascript

css

internet-explorer

display