<div> 和 <span> 在 FireFox 中不起作用

Question

目前我正在尝试使用 <div> 和 <span> 标签作为我的 JavaScript 的标签。这在使用 IE 和 Google Chrome 时有效，但在 FireFox 中无效。 JavaScript 错误控制台显示“未定义 imgNo”。

这是我设置 div 标签的函数：

function next_picture() {
        if (document.images) {
            if (pictureNum < 21) {
                pictureNum++;
                document.TravelAlberta.src = picture[pictureNum].src;
                imgNo.innerHTML = "Image " + (pictureNum + 1) + " of 22";
            }
            else
                alert("This is last picture");
        }
        else
            alert("Your browser does not support images");
    }

这是正文中的代码

<div id="imgNo" class="style1">
    Image 1 of 22</div>
<p class="style1">
    <img alt="" class="style3" src="images/back_button.gif" id="Back" name="Back" onclick="back_picture()" />

    <img alt="" class="style4" src="images/next_button.gif" id="Next" name="Next" onclick="next_picture()" /></p>

Answer 1

不良做法导致了您的问题。如果未定义变量，某些浏览器将使用元素 ID 作为变量名称。您应该使用 getElementById。

document.getElementById("imgNo").innerHTML = "Image " + (pictureNum + 1) + " of 22";