Question

目前我正在尝试使用<div>和<span>标记作为我的JavaScript标签。这在使用IE和谷歌浏览器时有效，但在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");
    }

这是Body中的代码

<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";

<div>和<span>无法在FireFox </span> </div>中使用

1 个答案: