Javascript Internet Explorer忘记节点的值

马上，这个问题的标题不是很好。如果你有更好的建议，我很乐意改变。我也知道这个问题以前可能有人回答过，但我缺乏词汇来寻找它

好的，我有这个文件：

<p id="test-paragraph">
    There never was a <a href="">fatter</a> dog.
</p>

但Chrome/Edge/Firefox的结果是：

// "There never was a"
// "There never was a"

所以，我知道发生了什么。IE 11正在制作指向第一个元素的指针（？）。当该元素的父元素为空时，

firstChild

将被删除，因此指针指向空节点

然而，所有现代浏览器显然都会制作独立于父元素的节点副本

因此，问题是：

1） 我怎样才能更好地表达IE 11正在做什么

2） 如何更好地表达其他浏览器正在做的事情

3） 我怎样才能使IE11像其他浏览器一样，复制节点的内容，而不是指向它们

4） IE 11的方法对我来说更有意义（即使它令人恼火）。为什么现代浏览器会有不同的发展方向

// "There never was a"
// EmptyTextNode

// "There never was a"
// "There never was a"