使用 JavaSCript 在 IE 中更改 ID css答案

【问题标题】：Change ID css in IE with JavaSCript使用 JavaSCript 在 IE 中更改 ID css
【发布时间】：2020-09-28 13:20:16
【问题描述】：

我试图弄清楚如何将 css 显示从无更改为使用 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>

【问题讨论】：

您的代码对我来说运行良好。 IE11 有时会阻止脚本，如果这是原因，您应该在打开网站后在浏览器底部看到一个弹出窗口。您还可以将控制台日志添加到方法中以确保。
您检查isIE() 是否真的解析为true？
它正在使用警报，但没有改变我的 css。

标签： javascript html css internet-explorer display

【解决方案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 有用的帖子：Why doesn't this arrow function work in IE 11?

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

【讨论】：

事实证明，由于某种原因，IE 没有在任何计算机上加载 JavaScript。我正在使用 WordPress，我尝试停用一些插件并进行更新，但没有运气。我感觉问题出在 WordPress 上，但不能 100% 确定。
您能否按照我在此线程中向您建议的方式检查是否启用了“活动脚本”选项？参考：stackoverflow.com/questions/62279520/…
活动脚本已启用，我试图弄清楚 javascript 发生了什么，因为代码的一部分破坏了整个 javascript，但仅适用于 I.E.
您的 JS 代码使用 IE 浏览器不支持的内容可能会导致此问题。
IE 不支持 => 箭头函数。您需要更改语法或转译您的代码。您可以使用 Babel 转译代码。参考：babeljs.io 有用的线程：stackoverflow.com/questions/40216015/…。