<script type="text/javascript">
    //增加品牌函数
    function addsort() {
        var name = document.getElementById("name").value();
        if (name == "") {
            return;
        }

        var row = document.createElement("tr");
        row.setAttribute("id", name);
        var cell = document.createElement("td");
        cell.appendChild(document.createTextNode(name));
        row.appendChild(cell);

        var deletebutton = document.createElement("input");
        deletebutton.setAttribute("type", "button");
        deletebutton.setAttribute("value", "删除");
        deletebutton.onclick = function() {
            deletesort(name);
        };
        cell = document.createElement("td");
        cell.appendChild(deletebutton);
        row.appendChild(cell);

        document.getElementById("sortlist").appendChild(row);
        //清空输入框
        document.getElementById("name").value = "";

    }
    //删除品牌函数
    function deletesort(id) {
        if (id != null) {
            var rowtodelete = document.getElementById(id);
            var sortlist = document.getElementById("sortlist");
            sortlist.removeChild(rowtodelete);
        }
    }
</script>

<table style="border-collapse: collapse;" bordercolor="#111111"
    cellspacing="0" cellpadding="2" width="400" bgcolor="#f5efe7"
    border="0">
    <tr>
        <td align="center" height="4" colspan="3"></td>

    </tr>
    <tr>
        <td align="center" bgcolor="#bdc2b0" height="19" colspan="3"><b>品牌信息管理</b>
        </td>
    </tr>
    <tr>
        <td height="20">增加新品牌</td>
        <td height="20"><input type="text" id="name"></td>
        <td height="20"><input type="button" onclick="addsort();"
            value="添加" alt=""></td>
    </tr>
    <tr>
        <td height="20">品牌信息管理</td>
    </tr>
    <table border="1" width="400">
        <tr>
            <td height="20" valign="top" align="center">品牌名称：</td>
            <td id="pos_1" height="20">操作</td>
        </tr>
        <tbody id="sortlist"></tbody>
    </table>
</table>
</head>