設置屬性失效,前端兼容性問題IE8

今天遇到一個問題,記錄一下,再新版瀏覽器中可以,IE8中部兼容.

function onclickPIC() {
    if (imgIndex == 4) {
        imgIndex = 0;
    } else {
        imgIndex++;
    }
    $(" .button a").css("color", "#fff");
    $(" .button a").eq(imgIndex).css("color", "#ffaa4e");
    if (picUrl[imgIndex].picURL == "" || picUrl[imgIndex].picURL == undefined || picUrl[imgIndex].picURL == null) {
        document.getElementById("imgPIC").src = "images/20190703093005001.jpg";
    } else {
        document.getElementById("imgPIC").src = serviceUrl + picUrl[imgIndex].picURL;
    }
    document.getElementById("aimgPIC").href = "content.jsp?id=" + picUrl[imgIndex].id + "&&colId=" + picUrl[imgIndex].colId;
    document.getElementById("imgPIC").title = picUrl[imgIndex].name;

}

這個方法裏面的屬性設置方法再IE8中不會生效,經過思考使用jquery  1.0版本就開始支持的屬性設置方法attr

function onclickPIC() {
    if (imgIndex == 4) {
        imgIndex = 0;
    } else {
        imgIndex++;
    }
    $(" .button a").css("color", "#fff");
    $(" .button a").eq(imgIndex).css("color", "#ffaa4e");
    if (picUrl[imgIndex].picURL == "" || picUrl[imgIndex].picURL == undefined || picUrl[imgIndex].picURL == null) {
        $("#imgPIC").attr("src", "images/20190703093005001.jpg");
    } else {
        $("#imgPIC").attr("src", serviceUrl + picUrl[imgIndex].picURL);
    }
    $("#aimgPIC").attr("href", "content.jsp?id=" + picUrl[imgIndex].id + "&&colId=" + picUrl[imgIndex].colId);
    $("#imgPIC").attr("title", picUrl[imgIndex].name);
}