Javascript将表分配给变量

Question

我的目标是使用 javascript 创建一个按钮，该按钮创建一个表格，与我已有的表格相同。 在这里，我有一个带有 id="create_table_test" 的表，以及一个带有 onsumbit 函数 createTable() 的按钮。

问题是每当执行按钮时，我得到的不是表格，而是 [object HTMLTableElement] 。也尝试在没有函数 getElemntById 的情况下执行此操作，但结果是相同的。 通过一些测试，我发现这个脚本不喜欢输入类型。我试图用同一个表来做，但没有设置输入字段类型，结果成功了。也许这就是原因？

接下来可能需要记住的是，我需要将填充的表存储到 php 变量中，然后将它们插入到表中。

<!DOCTYPE html>
<html>
<head>      
    <script>
    var table = document.getElementById("create_table_test");

            function createTable() {
        document.getElementById("create_table").innerHTML += table;
            }

    </script>
</head>
<body>
    <span id="create_table">
    <table id="create_table_test" class="repeat_table">
            <tr class="tr_test" style="border-bottom:3px solid #0066FF; font-weight:bold">
                <td id="Question">
                Въпрос
                </td>
                <td>
                A
                </td>
                <td>
                B
                </td>
                <td>
                C
                </td>
                <td>
                D
                </td>
                <td>
                True answer
                </td>
                <td>
                </td>
            </tr>
<form name="test" action="send.php" onsubmit="" method="post">

<tr>
<td>
<textarea id="question" name="question" style="width:300px; height:120px;"></textarea></td>
<td>    
<textarea id="answer1" name="answer1" style="width:80px; height:120px"></textarea></td>
<td>
<textarea id="answer2" name="answer2" style="width:80px; height:120px"></textarea></td>
<td>
<textarea id="answer3" name="answer3" style="width:80px; height:120px"></textarea></td>
<td>
<textarea id="answer4" name="answer4" style="width:80px; height:120px"></textarea></td>
<td>
<input id="true_answer" type="radio" name="true_answer" value="A">A<br>
<input id="true_answer" type="radio" name="true_answer" value="B">B<br>
<input id="true_answer" type="radio" name="true_answer" value="C">C<br>
<input id="true_answer" type="radio" name="true_answer" value="D">D<br>
</td>
<td>
<input name="submit" type="submit" value="" class="btn"/>
    </form>
</td>
</tr>
</table>

 <input type="button" onclick="createTable()" value="CreateTable"/>



        </span>
</body>

Answer 1

试试这个...

function createTable() {
            var table = document.getElementById("create_table_test").outerHTML;
        document.getElementById("create_table").innerHTML += table;
            }

Answer 2

看起来你想要：

document.getElementById("create_table").innerHTML += table.outerHTML;

但要注意重复的 ID。

Answer 3

只需更改此代码：

var table = document.getElementById("create_table_test");

        function createTable() {
    document.getElementById("create_table").innerHTML += table;
        }

到：

var table = document.getElementById("create_table_test");

        function createTable() {
    document.getElementById("create_table").innerHTML = table.outerHTML;
        }

这将创建具有相同ids的相同表。 你可能想重新思考你的逻辑。

Javascript将表分配给变量

问题描述

3 个解决方案

解决方案1
1 2014-03-25 08:12:56

解决方案2
0 2014-03-25 08:02:02

解决方案3
0 2014-03-25 08:02:41

Javascript将表分配给变量

问题描述

3 个解决方案

解决方案1 1 2014-03-25 08:12:56

解决方案2 0 2014-03-25 08:02:02

解决方案3 0 2014-03-25 08:02:41

解决方案1
1 2014-03-25 08:12:56

解决方案2
0 2014-03-25 08:02:02

解决方案3
0 2014-03-25 08:02:41