Cómo usar HTML y JS para seleccionar asientos, el efecto deseado es el siguiente

lt;!DOCTYPE?HTMLgt;

lt;htmlgt;

lt;headgt;

lt;titlegt;Página?Titlelt ;/titlegt;

lt;meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"?/gt;

lt;scriptgt;

var?row=2, col=11, tamaño=20, espacio=5;

window.onload=function(){

var?wrap=document.createElement("div");

wrap.style.margin="0?auto";

wrap.style.width=(espacio de tamaño) *col "px";

for(var?i=0;ilt;row;i){

var?rows=document.createElement("div"); p>

rows.style.float="left";

rows.style.marginBottom=gap "px"; jlt; col; j ){

var?div=document.createElement("img");

div.src="a.png";

div .style.width=tamaño "px";

div.style.height=tamaño "px"

div.style.float="izquierda"; >

div.style.marginLeft=gap "px";

div.onclick=function(){

!this.abc?this.src="b.png "： this.src="a.png";

this.abc=!this.abc;

}

filas.appendChild(div);

p>

}

wrap.appendChild(filas

}

document.body.appendChild(wrap);

}

lt;/scriptgt;

lt;/headgt;

lt;bodygt;

lt;/bodygt;

lt;/htmlgt;