tambahkan definisi Anak
appendChild(anak baru: Node): Node
Menambahkan node ke array childNodes untuk node tersebut.
Didukung: IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+
Menambahkan node ke array node anak dari node yang ditentukan tampaknya agak membingungkan untuk dibaca. Sederhananya, itu berarti menambahkan elemen ke node yang ditentukan.
appendChild penggunaan
target.appendChild(Anak baru)
newChild disisipkan sebagai node anak target setelah node anak terakhir
contoh appendChild
var newElement = dokumen.Document.createElement('label');
newElement.Element.setAttribute('nilai', 'Nama Pengguna:');
var nama penggunaTeks = dokumen.Dokumen.getElementById('nama pengguna');
nama penggunaTeks.appendChild(newElement);
masukkanSebelumdefinisi
Metode insertBefore() menyisipkan node anak baru sebelum node anak yang sudah ada.
Metode insertBefore() digunakan untuk menyisipkan node anak baru sebelum node anak yang sudah ada.
masukkanSebelum penggunaan
target.insertBefore(Anak baru,Anak yang ada)
newChild disisipkan sebagai node anak target sebelum node Anak yang ada.
eksistingChild adalah parameter opsional. Jika bernilai null, efeknya sama dengan appendChild.
masukkanSebelum contoh
var oTest = document.getElementById("test");
var newNode = dokumen.createElement("p");
newNode.innerHTML = "Ini adalah ujian";
oTest.insertBefore(newNode,oTest.childNodes[0]);
Oke, jadi kalau ada insertBefore, pasti ada insertAfter juga kan?
Oke, mari kita tulis contoh menggunakan Aptana, tetapi smart prompt Aptana memberi tahu saya bahwa tidak ada metode insertAfter.
Kemudian tentukan sendiri Luo :)
definisi insertAfter
fungsi insertAfter(newEl, targetEl)
{
var parentEl = targetEl.parentNode;
if(parentEl.lastChild == targetEl)
{
parentEl.appendChild(newEl);
}kalau tidak
{
parentEl.insertBefore(newEl,targetEl.nextSibling);
}
}
insertAfter penggunaan dan contoh
var txtName = dokumen.getElementById("txtName");
var htmlSpan = document.createElement("span");
htmlSpan.innerHTML = "Ini adalah ujian";
insertAfter(htmlSpan,txtNama);
Masukkan htmlSpan sebagai simpul saudara dari txtName setelah simpul txtName
Meringkaskan:
1. appendChild dan insertBefore digunakan sebagai metode untuk node, sedangkan insertAfter hanyalah fungsi khusus.
2. Dibandingkan dengan appendChild, insertBefore lebih fleksibel dan dapat menyisipkan node baru ke posisi mana pun dalam array node anak dari node target.
3. Gunakan appendChild dan insertBefore untuk menyisipkan node baru. Premisnya adalah node saudaranya harus memiliki node induk yang sama.