JAVASCRIPT怎样用DOM插入html代码 - JavaScript论坛

楼主

问题点数：0 回复次数：0

JAVASCRIPT怎样用DOM插入html代码

我想用JavaScript创建一个节点

程序代码：

    function start() {
        //获取body标签
        var mybody = document.getElementsByTagName("body")[0];
         
        // 创建一个<table>元素和一个<tbody>元素
        mytable     = document.createElement("table");
        mytablebody = document.createElement("tbody");
         
        // 创建一个<tr>元素
        mycurrent_row = document.createElement("tr");
        // 创建一个<td>元素
        mycurrent_cell = document.createElement("td");
        // 在单元格中创建文本节点，
        // 但是让这个节点又是一个table"<table border=5><tr><td>单元格是第0行，第0列</td><td>单元格是第0行，第1列</td></tr></table>"
        currenttext = document.createTextNode("单元格是第0行，第0列单元格是第0行，第1列");
        // 将创建的文本节点添加到<td>里
        mycurrent_cell.appendChild(currenttext);
        // 将列<td>添加到行<tr>
        mycurrent_row.appendChild(mycurrent_cell);

        // 将行<tr>添加到<tbody>
        mytablebody.appendChild(mycurrent_row);

        // 将<tbody>添加到<table>
        mytable.appendChild(mytablebody);
        //将<table>添加到<body>
        mybody.appendChild(mytable);
        // 将表格mytable的border属性设置为2
        mytable.setAttribute("border", "2");
    }