Heim > Web-Frontend > js-Tutorial > Hauptteil

So fügen Sie DOM-Elemente in Javascript hinzu

autoload
Freigeben: 2021-04-08 16:20:46
Original
4985 Leute haben es durchsucht

So fügen Sie DOM-Elemente in Javascript hinzu

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>
Nach dem Login kopieren

<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>
    Nach dem Login kopieren
    <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>
Nach dem Login kopieren

  •   <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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage