我試圖在頁腳標記內的div末尾添加一些HTML，如下所示:

<footer>
 <div class="menu-footer">
  <p>Stuff</p>
  <!-- want to insert HTML here -->
 </div>
</footer>

我不確定如何使用常規JavaScript定位子類。我知道我可以使用jQuery，但是那是不可用的，所以我正在嘗試普通的JS方式。我知道我可以使用document.querySelector或者document.getElementsByTagName，但是我不確定如何將它們鏈接在一起使用insertAdjacentHTML。例如:

function loadThing() {
var footer = document.querySelector('footer .menu-footer');
footer.insertAdjacentHTML('beforeend', '<p>Stuff to add</p>');
}

window.onload=loadThing();

我知道這是不對的，但是我不確定如何正確地將順序添加到子元素中

你的插入方法是正確的，去掉你的函數后面的括號，它就可以工作了，這里我的意思是

window . onload = load thing()；錯誤的 window.onload = loadThing正確的 在這里，您將未定義的loadThing函數的結果賦給了您的load事件

只需在里面添加child。它將出現在p標記元素之后

例如

var parent = document.querySelector('.menu-footer');

var newElement = document.createElement('div');
    newElement.className = 'childDiv';
    newElement.innerText = 'Inner Div';
    parent.appendChild(newElement);

<footer>
 <div class="menu-footer">
  <p>Stuff</p>
  <!-- want to insert HTML here -->
 </div>
</footer>