Apa yang dimaksud dengan menambahkan dalam javascript?

Question

Keterangan. Sisipkan konten, yang ditentukan oleh parameter, hingga akhir setiap elemen dalam kumpulan elemen yang cocok

Table of Contents Show

Apa yang ditambahkan lakukan?
Bagaimana cara menambahkan elemen dalam JavaScript?
Apa yang dimaksud dengan menambahkan dalam pengkodean?
Bagaimana cara menambahkan Teks dalam JavaScript?

versi ditambahkan. 1. 0
- isi
  Jenis. atau atau atau atau
  Elemen DOM, simpul teks, larik elemen dan simpul teks, string HTML, atau objek jQuery untuk disisipkan di akhir setiap elemen dalam kumpulan elemen yang cocok
- isi
  Jenis. atau atau atau atau
  Satu atau lebih elemen DOM tambahan, simpul teks, larik elemen dan simpul teks, string HTML, atau objek jQuery untuk disisipkan di akhir setiap elemen dalam kumpulan elemen yang cocok
versi ditambahkan. 1. 4
- fungsi
  Jenis. ( indeks, html ) => atau atau atau
  Fungsi yang mengembalikan string HTML, elemen DOM, node teks, atau objek jQuery untuk disisipkan di akhir setiap elemen dalam kumpulan elemen yang cocok. Menerima posisi indeks elemen di set dan nilai HTML lama elemen sebagai argumen. Di dalam fungsi, this mengacu pada elemen saat ini di set

Metode


$( ".inner" ).append( "<p>Test</p>" );

0 menyisipkan konten yang ditentukan sebagai anak terakhir dari setiap elemen dalam koleksi jQuery (Untuk memasukkannya sebagai anak pertama, gunakan


$( ".inner" ).append( "<p>Test</p>" );

1)

Metode


$( ".inner" ).append( "<p>Test</p>" );

0 dan


$( ".inner" ).append( "<p>Test</p>" );

3 melakukan tugas yang sama. Perbedaan utamanya terletak pada sintaks khususnya, dalam penempatan konten dan target. Dengan


$( ".inner" ).append( "<p>Test</p>" );

0, ekspresi pemilih sebelum metode adalah wadah tempat konten disisipkan. Sebaliknya, dengan


$( ".inner" ).append( "<p>Test</p>" );

5, konten mendahului metode, baik sebagai ekspresi pemilih atau sebagai markup yang dibuat dengan cepat, dan konten dimasukkan ke wadah target

Perhatikan HTML berikut

1

2

3

4

5


<h2>Greetings</h2>



<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

_

Anda dapat membuat konten dan memasukkannya ke dalam beberapa elemen sekaligus

1


$( ".inner" ).append( "<p>Test</p>" );

Setiap elemen


$( ".inner" ).append( "<p>Test</p>" );

_6 dalam mendapatkan konten baru ini

1

2

3

4

5

6

7

8

9

10

11


<h2>Greetings</h2>
<div class="container">



  <div class="inner">
    Hello
    <p>Test</p>
  </div>
  <div class="inner">
    Goodbye
    <p>Test</p>
  </div>
</div>

_

Anda juga dapat memilih elemen di halaman dan memasukkannya ke elemen lain

1


$( ".container" ).append( $( "h2" ) );

Jika elemen yang dipilih dengan cara ini dimasukkan ke satu lokasi di tempat lain di DOM, elemen tersebut akan dipindahkan ke target (bukan dikloning)

1

2

3

4

5


<div class="container">



  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
  <h2>Greetings</h2>
</div>

Penting. Namun, jika ada lebih dari satu elemen target, salinan kloning dari elemen yang disisipkan akan dibuat untuk setiap target kecuali yang terakhir

Argumen Tambahan

Mirip dengan metode penambahan konten lainnya seperti


$( ".inner" ).append( "<p>Test</p>" );

7 dan


$( ".inner" ).append( "<p>Test</p>" );

8,


$( ".inner" ).append( "<p>Test</p>" );

0 juga mendukung penerusan beberapa argumen sebagai input. Masukan yang didukung mencakup elemen DOM, objek jQuery, string HTML, dan larik elemen DOM

Misalnya, berikut ini akan menyisipkan dua


$( ".inner" ).append( "<p>Test</p>" );

_6 baru dan


$( ".inner" ).append( "<p>Test</p>" );

6 yang sudah ada sebagai tiga simpul anak terakhir dari tubuh

1

2

3

4

5


var $newdiv1 = $( "<div id='object1'></div>" ),
  newdiv2 = document.createElement( "div" ),
  existingdiv1 = document.getElementById( "foo" );
 
$( "body" ).append( $newdiv1, [ newdiv2, existingdiv1 ] );

Karena


$( ".inner" ).append( "<p>Test</p>" );

0 dapat menerima sejumlah argumen tambahan, hasil yang sama dapat dicapai dengan meneruskan tiga


$( ".inner" ).append( "<p>Test</p>" );

6s sebagai tiga argumen terpisah, seperti itu.


<h2>Greetings</h2>
<div class="container">
  <div class="inner">
    Hello
    <p>Test</p>
  </div>
  <div class="inner">
    Goodbye
    <p>Test</p>
  </div>
</div>

_4. Jenis dan jumlah argumen akan sangat bergantung pada cara Anda mengumpulkan elemen dalam kode Anda

Apa yang ditambahkan lakukan?

Itu. metode append() mengambil objek sebagai argumen dan menambahkannya ke akhir daftar yang ada . Misalnya, Anda membuat daftar dan ingin menambahkan nomor lain ke dalamnya.

Bagaimana cara menambahkan elemen dalam JavaScript?

Untuk menambahkan elemen HTML ke elemen lain, Anda dapat menggunakan metode appendChild() dari objek elemen target. Metode appendChild() menambahkan node sebagai anak terakhir dari node yang ada