Javascript - 简化循环和函数

Question

我想在图像加载失败时更改与该图像相关的文本，并将该文本设置为红色，该文本已经可以工作，但穴居人风格，这就是为什么我在这里需要您的帮助

document.getElementById("0").onerror = function() {Fu0()};

document.getElementById("1").onerror = function() {Fu1()};

document.getElementById("2").onerror = function() {Fu2()};

function Fu0() {    

    document.getElementById("0").style.display = "none";

    var x = document.getElementById("T0");

    x.innerHTML = "ERROR";

    x.style.color = "red";

    x.style.fontWeight = "bolder"

    x.style.backgroundColor="800000";  

    };  

function Fu1() {    

    document.getElementById("1").style.display = "none";

    var x = document.getElementById("T1");

    x.innerHTML = "ERROR";

    x.style.color = "red";

    x.style.fontWeight = "bolder"

    x.style.backgroundColor="800000";  

    };

function Fu2() {    

    document.getElementById("2").style.display = "none";

    var x = document.getElementById("T2");

    x.innerHTML = "ERROR";

    x.style.color = "red";

    x.style.fontWeight = "bolder"

    x.style.backgroundColor="800000";  

    };

我在 HTML 上出现了 20 多次这样的情况，这意味着我在循环中考虑使用 (i) 运行大量的行，但我无法使其工作。

我已经尝试过这个和一些变体，但没有成功。

for (i = 0; i < 26; i++) {

document.getElementById(i).onerror = function() {Fu()};

}

function Fu() { 

    document.getElementById(i).style.display = "none";

    var x = document.getElementById("T"+i);

    x.innerHTML = "ERROR";

    x.style.color = "red";

    x.style.fontWeight = "bolder"

    x.style.backgroundColor="800000";  

    };

如果您能帮助我，我将非常感激，提前致谢

Answer 1

for (let i = 0; i < 26; i++) {document.getElementById(i).onerror = function() {Fu(i)};}function Fu(num) {&nbsp;&nbsp; &nbsp; document.getElementById(num).style.display = "none";&nbsp; &nbsp; var x = document.getElementById("T"+ num);&nbsp; &nbsp; x.innerHTML = "ERROR";&nbsp; &nbsp; x.style.color = "red";&nbsp; &nbsp; x.style.fontWeight = "bolder"&nbsp; &nbsp; x.style.backgroundColor="800000";&nbsp;&nbsp;&nbsp; &nbsp; };