表格上移、下移、添加、删除函数

表格上移、下移、添加、删除函数

//向上移动按钮
function moveUp(_a){
    var _row = _a.parentNode.parentNode;
    //如果不是第一行，则与上一行交换顺序
    var _node = _row.previousSibling;
    while(_node && _node.nodeType != 1){
        _node = _node.previousSibling;
    }
    if(_node){
        swapNode(_row,_node);
    }
}

//向下移动按钮
function moveDown(_a){
    var _row = _a.parentNode.parentNode;
    //如果不是最后一行，则与下一行交换顺序
    var _node = _row.nextSibling;
    while(_node && _node.nodeType != 1){
        _node = _node.nextSibling;
    }
    if(_node){
        swapNode(_row,_node);
    }
}
function swapNode(node1,node2){
    //交换两行的排序字段值
    var val1=node1.firstChild.lastChild.value;
    var val2=node2.firstChild.lastChild.value;
    node1.firstChild.lastChild.value=val2;
    node2.firstChild.lastChild.value=val1;
    //获取父结点
    var _parent = node1.parentNode;
    //获取两个结点的相对位置
    var _t1 = node1.nextSibling;
    var _t2 = node2.nextSibling;
    //将node2插入到原来node1的位置
    if(_t1)_parent.insertBefore(node2,_t1);
    else _parent.appendChild(node2);
    //将node1插入到原来node2的位置
    if(_t2)_parent.insertBefore(node1,_t2);
    else _parent.appendChild(node1);
}
//删除按钮
function del(obj) {
    obj.parentNode.parentNode.remove()

}
//单击表格成可编辑状态
function show(element) {
    var oldhtml = element.innerHTML;
    if (oldhtml == null || oldhtml.length == 0) {
        return alert("不能为空!");
    }

    var newInput = document.createElement('input');
    newInput.type = 'text';
    newInput.value = oldhtml;
    newInput.onblur = function() {
        element.innerHTML = this.value == oldhtml ? oldhtml : this.value;
    }

    element.innerHTML = '';
    element.appendChild(newInput);
    newInput.setSelectionRange(0, oldhtml.length);
    newInput.focus();
}

//给table增加一行
function addTableRow() {
    var table1 = document.getElementById('xxnr');
    var cloneTab = document.getElementById('xxnr');
    //alert(cloneTab.firstChild.firstChild.innerHTML);
    //alert(cloneTab.firstChild.firstChild.cloneNode(true).innerHTML);
    table1.firstChild.appendChild(cloneTab.firstChild.firstChild.cloneNode(true));

    var v= table1.firstChild.childNodes;
    var len = v.length;
    for(var i=1;i<len;i++){
        v[i].childNodes[0].firstChild.id=i;//给第一个单元格id赋值
    }
}