|zyciis| 如何判断一个CSS图片是否加载成功？判断对像内容改变，谢谢 有代码


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        .logo
        {
            background-image: url("http://csdnimg.cn/www/images/csdnindex_piclogo.gif");
        }
    </style>
    <script type="text/javascript">
        window.onload = function() {
            var newDiv = document.createElement("div");
            document.body.appendChild(newDiv);
            newDiv.className = "logo";
            newDiv.style.height = "200px";
        }
    </script>
</head>
<body>
</body>
</html>上面是一个自动添加一个DIV的示例
我想问的问题是：
1：
  document.body.appendChild(newDiv);
  这一行代码添加了一个div到body,那body有哪一个事件是当他的内容更改时触发呢？
2：
  newDiv.className = "logo";
  这一行是给div添加一个CSS为.logo，这里这个logo里面有一个图片，那有哪一个事件是可以确定这个样式的图片在网页中正确显示出来了呢？谢谢

解决方案 »

  1.   

    1 俺知道 IE 下可以触发 document.body.onpropertychange 事件！2 div 的样式无能为力，但是 img 元素上有 onerror, onload 事件，可以先用 img 模拟加载L@_@Kvar img = document.createElement("img");
    img.onload = function() {
    alert("Img loading succeed: " + this.src);
    // Set your div className.
    };
    img.onerror = function() {
    alert("Img loading failed: " + this.src);
    // Do nothing.
    };
    img.src = "http://c.csdn.net/bbs/t/5/i/pic_logo.gif.xxx";