如何在我的"动态"上获取documentElement.innerHTML表?

时间:2016-07-12 14:58:36

标签: javascript jquery html

所以我是Javascript的新手,我尝试在变量中获取当前页面的源代码,包含值。

正如您所看到的,在" myTable2"中,脚本可以正常工作,我们会在每个内容中获得不同的值。 但我的问题是,我无法获得" myTable1" ...她根本不会出现在window.alert。

要在myTable1上获取行,我有一个函数(" addligne"),它只将table2的值带到table1。

提前致谢!

HTML:

(\b\w+)(?:=((?:\{[^}]+\}|"[^"\\]*(?:\\.[^"\\]*)*"|\w+)))?

JS:

<div id="liste_ingredient">

        <table id="myTable1">
            <tr>
                <th>Nom ingredient</th>
                <th>Code ingredient</th>
                <th>Statut ingredient</th>
                <th>Symbole ingredient</th>
                <th>Suppression</th>
            </tr>

            <tr>
            </tr>
        </table>

</div>
</br></br></br>
<div>

        <table id="myTable2">
            <tr>
                <th>Nom ingredient</th>
                <th>Code ingredient</th>
                <th>Statut ingredient</th>
                <th>Symbole ingredient</th>
            </tr>

            <tr>
                <td><input id="nom_ingredient" type="text" name="nom_ingredient" placeholder="Nom de l'ingrédient"/></td>
                <td><input id="code_ingredient" type="text" name="code_ingredient" placeholder="Code de l'ingrédient"/></td>
                <td><input id="statut_ingredient" type="text" name="statut_ingredient" placeholder="Statut de l'ingrédient"/></td>
                <td><input id="symbole_ingredient" type="text" name="symbole_ingredient" placeholder="Symbole de l'ingrédient"/></td>
            </tr>
        </table>
        </div>

<button id="addligne">Add</button>
<button id="getHTML">getHTML!</button>

http://jsfiddle.net/td8o348L/

PS:我把这个jsfiddle的最小值放在

1 个答案:

答案 0 :(得分:0)

改变这个:

   alert(document.documentElement.innerHTML); 

对此:

   alert($('html').html());

工作示例:

http://jsfiddle.net/td8o348L/1/(我使用了console.log,因此更容易阅读)