JavaScript createElement qn

标签 javascript dom

为什么这段代码不起作用? 当我使用注释部分而不是表格时,它起作用了...... 使用table为什么不能工作?

<html>
    <head>
        <script type="text/javascript">
        function addLine() {
            var p = document.createElement('p');
            p.innerHTML = "hello";
            document.getElementById("addline").appendChild(p);
        }

        </script>
    </head>
    <body>
    <!--
    <input type="submit" value="New Line" onClick="addLine()"/>
    <div id="addline"></div>
    -->
        <table>
            <tbody>
                <tr>inside a table</tr>
            </tbody>
            <tfoot>
                <tr><input type="submit" value="New Task" onClick="addLine()"/></tr>
                <tr id="addline"></tr>
            </tfoot>                        
        </table>
    </body>
</html>

最佳答案

您正在尝试附加 <p>元素至<tr>元素,但仅限 <td><th>那里允许使用元素。

关于JavaScript createElement qn,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2324371/

相关文章:

javascript - 功能无法正常工作

javascript - 如何在 document.createElement ("span"之后将文本添加到 span 中);?

javascript - 使用 document.createElement() 创建的用于触发 onclick 事件的按钮不会出现

javascript - slider.goToNextSlide() slider 未定义 bxSlider

javascript - 如何选择多个元素的 siblings()?

javascript - JQuery 动画设置超时

javascript - jquery 在遍历 DOM 时选择多个

javascript - HTML5 DOM 闪烁问题

javascript - 具有定义列数的 Reactjs 网格布局

javascript - Select2 with Backbone.Marionette : Pre-selected values not hidden