Question

我有一个通过index.html和javascript构建的html页面。 html内容具有几个附加到“ body”元素的按钮。效果很好。

现在，我要在主体内ID为“ body1”的div元素之后附加内容。但是我收到了错误，包含空元素。

如果我将domElement1附加到body，然后打印document.body的内容，则附加的domElement1会显示正常

document.body: body
  childNodes: NodeList(20)
    ...
    18: div#domElement1

如果我将domElement1附加到body1，并且打印document.body的内容，则附加的domElement1不会显示OK- 我没有看到div＃domElement1。相反，我看到“ 0：文字”

document.body: body
  childNodes: NodeList(20)
    ...
    5: div#body1
      childNodes: NodeList(1)
        0: text

在下面，您可以看到代码对代码的更改以及html文件。

如何在html正文中的div之后附加html元素？

谢谢

代码更改为代码

在javascript代码中，我从
更改了代码
$('body').append(domElement1);

到

let body1 = document.getElementById('body1'); body1.append(domElement1);

html文件-index.html

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
...
        <script src="js/include/stats.js"></script>        
...

    </head>
    <body>        
        <div id="body1">
            <!-- <script type="module" src="main.js"></script> -->
        </div>
    </body>
</html>

Answer 1

只需通过jquery直接添加

$('#body1').append(domElement1);

（{#为元素的ID）

如何在html正文中的div之后附加html元素？

1 个答案: