Javascript 将firstchild添加到新添加的元素

我需要为现有元素创建一个子元素。这个问题对我帮助很大

我只是不能把它定义为第一个孩子。我可以使用

位置

放置它，但这仍然不够。我搜索了一些关于JavaScript的网站，但什么也没找到

这是我的密码：

if( !document.getElementById('callbackButton')){
  callback = function(){
  var button = document.createElement('button');
  button.id= 'callbackButton';
  var textbutton =document.createTextNode("Liste des années d'étude");
  button.appendChild(textbutton );
  button.style.position='absolute';
  button.style.top="60px";
  button.style.left="45px";
  button.style.width="200px";
  button.style.height="18px";
  button.onclick = function(){
    getElementsByIdStarWith('etageres-virtuelle')[0].innerHTML = oldInnerHtml;
    document.getElementById('etageres-virtuelles-etudes-germaniques').innerHTML =      oldInnerHtml;   
    wrapPager();
  };
  document.getElementById('etageres-virtuelles-etudes-germaniques').appendChild(button);
 };

这段代码运行得很好

但是这个代码不起作用：

document.getElementById('etageres-virtuelles-etudes-germaniques').firstChild.nodeValue = button;
document.getElementById('etageres-virtuelles-etudes-germaniques').firstChild.nodeData = button;

这不是我想要的。我想首先显示这个新元素

任何帮助都将不胜感激。谢谢。

试试这个（未经测试）：

---

我测试了这段代码，它运行得非常好，非常感谢您的帮助，非常感谢：）@let'sgo

var yourEl = document.getElementById('etageres-virtuelles-etudes-germaniques');
yourEl.insertBefore(button, yourEl.firstChild);