Javascript 加载图像时显示消息

我正在创建应用程序。在facebook中，当图像未完全加载时，我试图向用户显示消息，当图像完全加载并显示给用户时，消息将消失。我使用了以下代码：

function imageloaded()
{
 document.getElementById('testing').setStyle('visibility','hidden');
}

<div id="testing">
<font size="5" color="red">
Please wait to load image completely ......
</font>
</div>

<image src="" onLoad="imageloaded();">

函数imageloaded（）
{
document.getElementById（'testing'）.setStyle（'visibility'，'hidden'）；
}
请等待完全加载图像。。。。。。

该代码在mozilla、google crome中正常工作，但在IE中不工作。请帮助我…

而不是：

document.getElementById('testing').setStyle('visibility','hidden');

尝试：

---

注意：在IE8模式下，getElementById仅对ID属性执行区分大小写的匹配。在IE7模式和以前的模式中，此方法对ID和NAME属性执行不区分大小写的匹配，这可能会产生意外的结果

“

visibility:hidden

”隐藏元素，但仍会占用布局中的空间

“

display:none

”将从文档中完全删除元素。它不占用任何空间，即使源代码中仍然存在它的HTML

这两个版本都适用于“IE 8”和“Firefox 3.6.8”：

function imageloaded() {
    var element = document.getElementById('testing');
    element.setAttribute("style", "visibility: hidden");
}


function imageloaded() {
    var element = document.getElementById('testing');
    element.setAttribute("style", "display: none");
}

编辑：

<div id="testing">
    <font size="5" color="red">
        Please wait for the image to load completely...
    </font>
</div>

<img src="img/test.jpg" alt="" onload="imageLoaded();">

<script type="text/javascript">
    function imageLoaded() {
        var element = document.getElementById('testing');
        element.style.cssText = 'display:none;';
    }
</script>

针对下面的评论，我使用“”在线测试了以下内容，尽管我无法实时检查，但最终输出中的文本不可见：

火狐3.6.8

MSIE 6.0 Windows XP

MSIE 7.0 Windows XP

MSIE 8.0 Windows XP

Safari 4.0 Windows XP

Safari 5.0 Mac OS X 10.5

因此，这应该可以做到：

HTML示例：

<div id="testing">
    <font size="5" color="red">
        Please wait for the image to load completely...
    </font>
</div>

<img src="img/test.jpg" alt="" onload="imageLoaded();">

<script type="text/javascript">
    function imageLoaded() {
        var element = document.getElementById('testing');
        element.style.cssText = 'display:none;';
    }
</script>

请等待图像完全加载。。。

JavaScript示例：

<div id="testing">
    <font size="5" color="red">
        Please wait for the image to load completely...
    </font>
</div>

<img src="img/test.jpg" alt="" onload="imageLoaded();">

<script type="text/javascript">
    function imageLoaded() {
        var element = document.getElementById('testing');
        element.style.cssText = 'display:none;';
    }
</script>

函数imageLoaded（）{
var元素=document.getElementById（'testing'）；
element.style.cssText='display:none；'；
}

---

希望这有帮助

提供的代码运行良好。但它在IE7中不起作用。请提供帮助。请参阅上面添加的“编辑”。干杯，有什么最新消息吗？如有反馈，将不胜感激。干杯