如何在一行中组合这两个javascript行

我正试图找出一种结合以下陈述的方法

document.getElementById( 'div1' ).appendChild( document.createElement( 'div' ) ).id="div2";
document.getElementById( 'div2' ).appendChild( document.createTextNode( 'More about me' ) );

appendChild（）

返回对刚才添加的节点的引用，因此不需要第二个

getElementById

：

document.getElementById('div1').appendChild(document.createElement('div'))
.appendChild(document.createTextNode('More about me'))
.parentNode.id="div2"; // only if you need the second div to have id="div2" for some other reason.

---

免责声明：这根本不是一件好事，我稍后会解释原因

document.getElementById("div1").innerHTML = document.getElementById("div1").innerHTML + "<div id='div2'>More about me</div>";

document.getElementById（“div1”）.innerHTML=document.getElementById（“div1”）.innerHTML+“关于我的更多信息”；

这样做的目的是确保添加新的

div

，而不是简单地替换现有

div

的内容

很明显，这是一个相当丑陋的代码

这不好的原因是因为我们所做的是插入我们似乎认为或被引导相信是实际元素的东西。这是错误的，我们正在插入一个字符串，该字符串稍后将被转换为一个元素。这纯粹是给我们带来不便

DOM脚本的使用（这是您在实际创建元素并附加它之前所做的）将元素创建为实际的HTML对象。关键是，它只是更纯粹的输入（在大多数情况下，执行速度比

innerHTML

快）

使用

innerHTML

现在变得越来越普遍，我喜欢让自己怀疑这一点，因为我是一个Javascript的书呆子，从我所学到的（事实上，在这个网站上）来看，DOM脚本在很多方面都要好得多

---

其次，DOM脚本可以比

innerHTML

更整洁、更易于维护。你可能知道我上面给你的代码一点也不方便

你为什么要把它们结合起来？IDK只是好奇，因为我正在学习语言，在《I0m阅读》一书中，作者分四步来做这件事，我只是想知道是否有一种方法可以将它们结合在一行中。对不起，我的英语）这是一个很好的问题，因为它会让你学习推荐的方法。按照现代标准，你所做的大部分是正确的。