2048数字填充 html,html 表格练习

Title

对表格单元格的添加删除修改并对其进行移动以及拷贝等操作，是目前应用开发中常用的技术

	1	1	1	1
	2	2	2	2
	3	3	3	3
	4	4	4	4
	5	5	5	5
	6	6	6	56
	777	7	77	7
	88	8	88	77
	999	99	99	999
	10	10	10	10

var otable = document.getElementById("myTable");

var inparry = otable.getElementsByTagName("input");

function selectall(){

for(var i=0;i

inparry[i].checked = true;

}

}

function inverse(){

for(var i=0;i

if(inparry[i].checked == true){

inparry[i].checked = false;

}else{

inparry[i].checked = true;

}

}

}

function noselect(){

for(var i=0;i

inparry[i].checked = false;

}

}

function insert_row(){

var tableLength = otable.rows.length;

var otr = otable.insertRow(tableLength);

var num1 = prompt("请输入第一列数");

var num2 = prompt("请输入第二列数");

var num3 = prompt("请输入第三列数");

var num4 = prompt("请输入第四列数");

var otd = otr.insertCell(0);

var nodeText = document.createElement("input");

nodeText.type="checkbox";

nodeText.name="checkbox10";

nodeText.value="checkbox";

otd.appendChild(nodeText);

var otd1 = otr.insertCell(1);

var nodeText1 = document.createTextNode(num1);

otd1.appendChild(nodeText1);

var otd2 = otr.insertCell(2);

var nodeText2 = document.createTextNode(num2);

otd2.appendChild(nodeText2);

var otd3 = otr.insertCell(3);

var nodeText3 = document.createTextNode(num3);

otd3.appendChild(nodeText3);

var otd4 = otr.insertCell(4);

var nodeText4 = document.createTextNode(num4);

otd4.appendChild(nodeText4)

}

function delRow(){

for(var i=0;i

var boo1 = inparry[i].checked;

console.info(boo1);

if(boo1){

otable.deleteRow(i);

i--;

}

}

}

function copyRow(){

var length = inparry.length

for(var i=0;i< length;i++){

var boo2 = inparry[i].checked;

if(boo2){

inparry[i].checked =false;

var td1 = inparry[i].parentNode;

var tr1 = td1.parentNode;

var newtr = tr1.cloneNode(true);

myTable.appendChild(newtr);

}

}

}

function tableAlign(){

var length = inparry.length;

for(var i=0;i< length;i++){

if(inparry[i].checked){

var tr2 = inparry[i].parentNode.parentNode;

tr2.style.textAlign="center";

}

}

}

function changeColor(){

for(var i=0;i< inparry.length;i+=2){

var tr3 = inparry[i].parentNode.parentNode;

tr3.style.backgroundColor = "gray"

}

}