Вы не можете использовать document.appendChild () на самом деле, потому что документ может иметь только один элемент.Например, если вы откроете консоль браузера в своем браузере и попытаетесь запустить:
document.appendChild(document.createElement('span'));
Будет выдано сообщение об ошибке:
VM912:1 Uncaught DOMException: Failed to execute 'appendChild' on 'Node': Only one element on document allowed.
Однако вы можете добавлять детей в другиеУзлы DOM, такие как тело
document.body.appendChild(document.createElement('span'));
, добавят новый узел к тегу тела.Это не перезагрузит всю страницу.Если вы запустите это в консоли браузера, а затем просмотрите HTML-элементы вашей страницы, вы увидите, что теперь есть пустой перед закрывающим тегом .
Для документации по всем этимjavascript APIS, проверить https://developer.mozilla.org.