如何在我的代码（javascript）中进一步使用生成的id

我正在使用javascript。在我的代码中（如下所示），表格是通过在每个单元格中保存输入字段生成的，ID是为每个输入字段生成的

实际上，我需要访问生成的id_名称来更改每个输入值的样式（颜色、字体大小等）

函数myFunction（）{
//获取列数和列数
var cols=document.getElementById（“id1”）.value；
var rows=document.getElementById（“id2”）.value；
//表创建
var table=document.createElement（'table'）；
var i，j，k=0；
对于（i=0；i，这里有一个迭代表行并将样式应用于输入字段的解决方案

要更改HTML元素的样式，请使用以下语法：

 document.getElementById(id).style.property = new style 


函数myFun（）{
var table=document.getElementById（'my_table'）；
var tds=table.getElementsByTagName（“td”）；
对于（变量i=0；i对于（i=0；i，如果您只想获取输入字段

css 
  .test {
   color:green,
   font:12px;
 }


var dynamicInputs = document.querySelectorAll('*[id^="A"]');

function classChanges(input){
    input.setAttribute('class','test')
}

dynamicInputs.forEach(classChanges);

是否要更改的样式data@Rishab输入值为否列和行的输入值？如果列和行的输入值为2和2，则将生成4个输入字段，然后在该字段中键入任何内容，我希望在单击“更改”按钮时应用该字段的样式。我已为您的查询添加了答案，请检查