Обратный вызов, который будет вызван, когда элемент DOM был установлен для документирования с помощью Pure JavaScript ⇐ Html

[Anonymous]

Код: Выделить всё

parent.appendChild(child)

делает не , что ребенок был установлен в документе, потому что родитель может быть не установить:
< Pre Class = "Lang-JS PrettyPrint-Override">

Код: Выделить всё

const parent = document.createElement("div"); // Created but not mounted
const child = document.createElement("span") // Created but not mounted
parent.appendChild(child); // Child has been appended to parent but both of them not mounted

Мне нужно знать, когда ребенок был установлен .

Код: Выделить всё

document.querySelector("body").appendChild(parent);
// Well, it has been mounted now, but in my case I don't know when exactly is will be monted
< /code>
Насколько я проанализировал темы, обнаружив, когда элемент прикреплен к DOM в JavaScript, он не охватывает фактическое монтаж к документу. MutationObserver был рекомендован, но не имея образцов кода, которые я мог бы проверить, не удовлетворяет моему делу. < /P>
 вариант использования. Следующее решение об изменении размера текстовой области (источник) не будет работать, если Textarea еще не установлена, потому что в этом случае Scrollheight 

будет 0 :

Код: Выделить всё

const textarea = parent.querySelector("textarea");
textarea.style.height = textarea.scrollHeight + "px";
textarea.style.overflowY = "hidden";

textarea.addEventListener("input", function() {
this.style.height = "auto";
this.style.height = this.scrollHeight + "px";
});

, чтобы заставить его работать, второй и третья строки кода должны быть вызваны, когда текстовая область фактически была установлена ​​ к документу.


Подробнее здесь: https://stackoverflow.com/questions/794 ... t-with-pur