javascript - 不使用 document.write 如何在当前 JS 正在执行的位置插入 DOM 节点？-6ren

javascript - 不使用 document.write 如何在当前 JS 正在执行的位置插入 DOM 节点？

转载作者：行者123 更新时间：2023-11-28 02:51:13

<body>
  <div id="outer">
    <script>var e = document.createElement("div");
            e.id = "inner1";
            document.body.appendChild(e);</script>
    <script>document.write("<div id='inner2'></div>");</script>

我想要的结构是:html>正文>div#outer>div#inner1+div#inner2

我得到的结构是:html>正文>(div#outer>div#inner2)+div#inner1

最佳答案

~~这超出了我的描述能力，但似乎适合您的特定情况(我不知道您是否想要 inner1 和 inner2 作为 outer 的 child 或 sibling 。这安排他们作为 sibling )。~~

<body> <div id="outer"> <script> var e = document.createElement("div"); e.id = "inner1"; document.body.appendChild(e); </script> <script> var scr = '<script>'; scr += "document.write(\"</div><div id='inner2'>\"); "; scr += '<' + '/script>'; document.write(scr); </script>

~~结束</script>字符串被分割以防止解析器崩溃。~~

这个怎么样？

<script>
    // document.write("<div id='inner2'></div>");
    var inner2 = document.createElement('div');
    inner2.id = 'inner2';
    //document.getElementById('outer').appendChild(inner2); //as a child of outer
    document.body.appendChild(inner2); // as a sibling of outer
</script>

关于javascript - 不使用 document.write 如何在当前 JS 正在执行的位置插入 DOM 节点？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3721335/