Page 1 of 1

Rückruf, der aufgerufen wird, wenn DOM -Element montiert wurde, um mit reinem JavaScript zu dokumentieren

Posted: 15 Feb 2025, 13:52
by Anonymous

Code: Select all

parent.appendChild(child)
bedeutet nicht , dass untergeordnetes an das Dokument montiert wurde, da das übergeordnete nicht montiert sein könnte:
< pre class = "Lang-js PrettyPrint-Override">

Code: Select all

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
Ich muss wissen, wann das Kind durch den Rückruf montiert wurde.

Code: Select all

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>
Soweit ich die Themen analysiert habe, werden erdenkt, wann Element in JavaScript an DOM angehängt ist. Es wird die tatsächliche Montage nicht an das Dokument abdeckt. Der MutationObserver wurde empfohlen, aber keine Code -Samples, die ich überprüfen könnte, erfüllt dies meinem Fall. Der folgende Textbereich für die Größenänderung (Quelle) funktioniert nicht, wenn der Textbereich noch nicht montiert ist -JS PrettyPrint-Override ">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";
});
Um es funktionieren zu>