在javascript创建的html元素中设置元素类

我正在用javascript创建一个html表，但是我不能为这些元素设置类名

我想要的是：点击第二列中的一个输入激活函数。例如，此函数将

颜色设置为红色

我尝试了很多解决方案，但仍然不起作用

HTML:

adasd

JS:

var arr=[“A”、“B”、“C”、“D”、“E”、“F”、“G”、“H”、“I”、“J”、“K”、“L”]；
var table=“测试”；
表+=“RN”；
表+=“兆瓦”；
对于（var i=0；i您不能使用
querySelectorAll
运行
onclick
，这里是我的简单解决方案。我刚刚添加了
onclick='change（）'
var arr=[“A”、“B”、“C”、“D”、“E”、“F”、“G”、“H”、“I”、“J”、“K”、“L”]；
var table=“测试”；
表+=“RN”；
表+=“兆瓦”；
对于（var i=0；我的答案能解决你的问题吗？
<div id="table"></div> 
<p id="a">adasd</p>

var arr = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L"];

var table = "<table><tr><td><b>Test</b></td>";
table += "<td style='width: 50px'>RN</td>";
table += "<td style='width: 50px'>MW</td></tr>";

for (var i=0; i<arr.length; i++) {
    table += "<td>" + arr[i] + "</td>";
    table += "<td><input class='rn' style='width: 50px'></input></td>";
    table += "<td><input style='width: 50px'></input></td></tr>";
}

table += "</table>";

document.querySelectorAll('.rn').onclick = function() {change()};

function change() {
    document.getElementById("a").style.color = "red";
}
document.getElementById("table").innerHTML = table;