javascript - 在 insertAdjacentHTML 之后选择相同的新元素

Question

使用 native Javascript。通过 insertAdjacentHTML 添加新元素后，我想选择该元素本身( <div id="two">two</div> )。如何在不搜索 DOM 的情况下获得它？

// <div id="one">one</div>
var d1 = document.getElementById('one');
d1.insertAdjacentHTML('beforeend', '<div id="two">two</div>');

// At this point, the new structure is:
// <div id="one">one<div id="two">two</div></div>

Answer 1

根据文档

https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML

'之前'

在元素的最后一个子元素之后插入新元素 Just。因此使它成为新的最后一个 child 。

您可以在 d1 元素上使用 lastChild。

var d1 = document.getElementById('one');
d1.insertAdjacentHTML('beforeend', '<div id="two">two</div>');
console.log(d1.lastChild)

<div id="one">one</div>