Javascript多引号CSS属性输出不正确

我试图输出一个div数组。我这里的问题是JS语法中的引号

}style = "style='background-color:#30C;'";

var add1    = 'add_to_collection(\''+k+'/'+i+'\');';

var add2    = 'change_color(\''+i+'/'+k+'\');';

divs_b = divs_b+"<div "+brk+" "+style+" onclick='"+add1+add2+" >"+k+"/"+i+"</div>\n";
}
}

document.getElementById('divs').innerHTML = divs_b; 

document.getElementById('start').style.display = "none";

}style=“style='background-color:#30C；”；
var add1='add_到_集合（\''+k+'/'+i+'\'）；'；
var add2='改变颜色（\''+i+'/'+k+'\'）；'；
分区b=分区b+“2/1
4/1
“+k+”/“+i+”\n”；
}
}
document.getElementById（'divs'）。innerHTML=divs\u b；
document.getElementById（'start'）.style.display=“无”；
}

这将使用

createElement（）构建元素。

如果要对每个元素应用相同的样式，请为元素指定一个类并设置该类的样式

---

----------演示----------

---

函数构建（）{
//使用您现有的值。我添加了k&I用于演示目的
var k=“2”；
var i=“1”；
//目标=要插入元素的位置
var target=document.getElementById（'MyElements'）；
//创建新元素
var-element=document.createElement（'div'）；
/*
您可以应用其他属性-
setAttribute（'id'，'YourID'）；
setAttribute（'class'，'YourClass'）；
*/
setAttribute（'style'，'float:left；背景色：#30C；'）；
element.setAttribute（'onclick'，'add_到_集合（\''+k+'/'+i+'\'）；change_color（\'+i+'/'+k+'\'）；）；
//插入新元素
target.appendChild（元素）；
//将innerHTML设置为元素。
element.innerHTML=“单击我！”；
}
/*显示新元素将触发函数*/
功能改变颜色（a）{
警报（“更改颜色。值：”+a）；
}
函数添加到集合（a）{
警报（“更改颜色。值：”+a）；
}

Bulid新元素

如果不使用旧的构建标记技术，这将更容易处理。首先，您的onclick属性被破坏，如果您想给函数调用值/参数，那么如果onclick使用双引号，则使用单引号，反之亦然

onclick=“add_to_collection（'5='，'1'）；”

还可以使用

分隔值/参数，

也可以显示完整的函数。所有相关源代码都有助于我们为您提供问题背后的解决方案或原因。您可能需要显示javascript的其余部分，这似乎是函数的结尾。。。。其余的在哪里？显示用于设置

divs

属性的完整函数是相关的。如果您无法显示相关的源代码，那么我无法帮助您，抱歉。我刚刚添加了整个脚本。

 <div style="float:left;" class="divs" onclick="add_to_collection(" 2="" 1');change_color('1="" 2');="">2/1</div>
 <div style="float:left;" class="divs" onclick="add_to_collection(" 3="" 1');change_color('1="" 3');="">3/1</div>
 <div style="float:left;" class="divs" onclick="add_to_collection(" 4="" 1');change_color('1="" 4');="">4/1</div>
 <div style="float:left;" class="divs" onclick="add_to_collection(" 5="" 1');change_color('1="" 5');="">5/1</div>

 <div style="float:left;" class="divs" onclick="add_to_collection('2/1');change_color('1/2');" style="background-color:#30C;">2/1</div>

 function build(){


 /*var collect_border       =   document.getElementById('collect_border').innerHTML;
 var collect_objects    = document.getElementById('collect_objects').innerHTML;
 var collect_enemies    = document.getElementById('collect_enemies').innerHTML;*/

  var collect_exit      = document.getElementById('collect_exit').value;
 /*var collect_start        = document.getElementById('collect_start').value;
 var collect_bonus      = document.getElementById('collect_bonus').value;*/


 /*collect_border           = collect_border.split(';');
 collect_objects            = collect_objects.split(';');
 collect_enemies            = collect_enemies.split(';');*/
 collect_exit           = collect_exit;
 /*collect_start            = collect_start;
 collect_bonus          = collect_bonus.split(';');
 */

 var x_val  = document.getElementById('width').value;

 var y_val  = document.getElementById('height').value;

 var divs_b     = "";

 var brk    = "";

 var style  = "";


 for(var i=1;i<=y_val;i++){     



 for(var k=1;k<=x_val;k++){ 



if((i>1)&&(k==1)){
    brk = "style='clear:both;'";
}
else {
    brk = "style='float:left;'";    
}
// var addval = '"'+i+'"/"'+k+'"';
if(collect_exit!=""){
    col_exit = collect_exit.split("/");
    var col_exit_x = col_exit[0];
    var col_exit_y = col_exit[1];

    if((col_exit_x==i)&&(col_exit_y==k)){


    }
}style = "style='background-color:#30C;'";

var add1    = 'add_to_collection(\''+k+'/'+i+'\');';

var add2    = 'change_color(\''+i+'/'+k+'\');';

     divs_b = divs_b+"<div "+brk+" "+style+" onclick='"+add1+add2+" >"+k+"/"+i+"</div>\n";
 }
 }

 document.getElementById('divs').innerHTML = divs_b;    

 document.getElementById('start').style.display = "none";

 }