Programmiererforum

parent.appendChild(child)

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>
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";
});

[code]parent.appendChild(child)[/code] bedeutet nicht , dass untergeordnetes an das Dokument montiert wurde, da das übergeordnete nicht montiert sein könnte:
< pre class = "Lang-js PrettyPrint-Override">[code]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
[/code]
Ich muss wissen, wann das Kind durch den Rückruf montiert wurde.
[code]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";
});
[/code]
Um es funktionieren zu>