javascript - 检查页面中是否存在具有特定Class的Div

Question

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

'background-size': 'cover'

属性(property)。这当然不适用于较旧的 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。此外，如果有人可以建议一种替代方法来在完全占据它的网页页面上设置背景图像，而不管图像/页面的尺寸和图像中心是否聚焦，我将不胜感激。

Answer 1

您必须遍历所有 <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;
    }
}