Heim >Web-Frontend >js-Tutorial >So fügen Sie DOM-Elemente in Javascript hinzu
So fügen Sie DOM-Elemente in Javascript hinzu
- autoloadOriginal
- 2021-04-08 16:20:465017Durchsuche
HTML-Inhalt ist leer append()
Fügen Sie den angegebenen Inhalt am Ende des ausgewählten Elements ein
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>php.cn</title>
</head>
<body>
</body>
</html>
<span style="font-size: 18px;">prepend()</span>Fügen Sie den angegebenen Inhalt am Kopf des ausgewählten Elements hinzu
-
<script> const ul=document.createElement("ul"); </script><span style="font-size: 16px;">append()</span>在被选元素的结尾插入指定内容
<script>
const ul=document.createElement("ul");
for(let i=1;i<=5;i++){
const li=document.createElement("li");
li.textContent=`item${i}`;
ul.append(li);
}
document.body.append(ul);
</script><span style="font-size: 16px;">prepend()</span>Empfohlen: „Fragen und Antworten zum js-Interview 2021 (große Zusammenfassung)“
Das obige ist der detaillierte Inhalt vonSo fügen Sie DOM-Elemente in Javascript hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Was tun, wenn der Browser kein JavaScript unterstützt?Nächster Artikel：Was tun, wenn der Browser kein JavaScript unterstützt?