Question

我试图了解querySelectorAll的工作原理，因为我有一些问题要让这段代码在IE8中运行。

我有什么想法可以解决它吗？此致

function leaving_site() {
    return confirm("Do you really want to leave site?");
}

function changeValue() {                                                                    // Larger Image 
    window.open(this.src.replace(/\.jpg/, "big.jpg"));
}



function init(){


    var external = document.getElementsByClassName("external");                             // Leaving site
    for (var i = 0; i < external.length; i++) {
            external[i].onclick = leaving_site;
            }

    var bild = document.getElementsByClassName("picture");                                      // Larger Image             
    for (var i = 0; i < picture.length; i++) {
            picture[i].onclick = changeValue;
            }

}

window.onload = init;

Answer 1

事实上，你给了自己答案。只需使用querySelectorAll（在IE8中受支持）。你必须使用类选择器。

function init() {
    // Leaving site
    var external = document.querySelectorAll(".external");
    for (var i = 0; i < external.length; i++) {
        external[i].onclick = leaving_site;
    }
    // Larger Image             
    var picture = document.querySelectorAll(".picture");
    for (var i = 0; i < picture.length; i++) {
        picture[i].onclick = changeValue;
    }
}

有一个拼写错误：var bild应为var picture，反之亦然

querySelectorAll for IE8提示

1 个答案: