设置属性失效,前端兼容性问题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);
}