检查页面中是否存在特定Class的Div

我正在尝试通过在其中插入我自己的 Javascript 文件来修改现有网页。我通过 Javascript 插入一个新的 Div 并将该 div 的背景设置为图像 url，为此网页设置背景图像。为了使该图像在背景上居中并使其占据整个网页，我使用

'background-size': 'cover'

财产。这当然不适用于较旧的 IE 版本。

我想修复它，我正在考虑按使用页面高度/宽度和图像高度/宽度计算的特定比例放大图像。

所以我想检测浏览器是否是IE。我检查了网页，它有这样的代码，可以检测浏览器并添加 IE 类的 div。

<!--[if lte IE 5]>
  <div class="ie">
<![endif]-->
<!--[if IE 6]>
  <div class="ie ie6">
<![endif]-->
<!--[if IE 7]>
  <div class="ie ie7">
<![endif]-->

我的问题是如何检测此页面是否有 ie 类的 div。另外，如果有人能建议一种在网页页面上设置背景图像的替代方法，该方法完全占据它，而不管图像/页面的尺寸和图像中心是否聚焦，我将非常感激。

你必须循环遍历所有<div>页面上的元素，直到有一个与className你正在寻找。就像是：

var div = document.getElementsByTagName('div');
for(i=0; i<div.length; i++) {
    if(div[i].className.match(/(^|\s)ie(\s|$)/)) {

        // Code to Do your IE Stuff Here

        break;
    }
}