title
| 全选 | 商品 | 单价 | 数量 | 小计 | 操作 |
| Casio/卡西欧 EX-TR350 | 6000 | -+ | 6000 | 删除 | |
| Casio/卡西欧 EX-TR350 | 6000 | -+ | 6000 | 删除 |
js部分
window.onload = function(){
var table = document.getElementsByTagName('table')[0];
var reduces= document.getElementsByClassName("reduce");
var adds=document.getElementsByClassName("add");
var total=document.getElementsByClassName("total")[0];
var addRow=document.getElementById('addRow');
//var rows= table.children[0].children;
var rows = table.rows;
console.log(rows);
var totalprices=0;
//减按钮的功能
for (var i=0;i'+
'Casio/卡西欧 EX-TR350 '+
'6000 '+'-+ '+
'6000 '+
'删除 ';
//table.firstChild.appendChild(tr);
table.children[0].appendChild(tr);
//console.log(rows);
//或者使用cloneNode();
// var tr = rows[1];
// var cloneNode =tr.cloneNode(true);
// table.appendChild(cloneNode);
// rows.length+=1;
// table.insertRow(rows.length-1);
},false);
//删除行功能
for( var z=1;z
css部分
*{
padding: 0;
margin:0;
text-decoration: none;
}
.container-wrapper{
width:1175px;
height:600px;
margin: 50px auto;
}
table{
border: 1px solid rgb(226, 220, 255);
}
table td{
border: 1px solid rgb(226, 220, 255);
text-align: center;
}
input{
display: inline-block;
margin-right: 5px;
}
.header{
height: 40px;
background-color: rgb(226, 242, 255);
color: #666;
}
.content span{
display: inline-block;
vertical-align: top;
position: relative;
top:40px;
}
.content .count{
display: inline-block;
width: 60px;
height: 20px;
}
.td span{
position:relative;
display:inline-block;
top: 3px;
background-color: rgb(226, 242, 255);
}
.reduce{
padding:0 2px;
}
.add{
position: relative;
left: -5px;
}
.hidden{
display: none;
}
为某一类节点对象添加事件可以先获取到节点的集合，
for循环为每一个数组元素添加事件，在事件函数里使用this代表当前的
数组元素。
为啥动态添加的DOM，他的子元素没有事件效果?
