Salin kode kode sebagai berikut:
<!
<Html>
<head>
<title> FF dan IE elemen pemuatan dinamis </iteme>
<type skrip = "Text/JavaScript" src = "jQuery-1..4.js"> </script>
<Type style = "text/css">
Li {margin: 0;
</tyle>
<type skrip = "Teks/JavaScript">
Fungsi add () {
var litemplate = $ ("#template");
Litemplate.find ("input [name = 'awbpre']").
Litemplate.find ("input [name = 'awbno']").
$ ("#Box").
}
</script>
</head>
<body>
<ul id = "box">
<li id = "template" style = "display: none">
Awbpre:
<input type = "text" value = "#awbno#" name = "awbpre"/>
Awbno:
<input type = "text" value = "#awbno#" name = "awbno"/>
</li>
</ul>
<input type = "tombol" value = "add" onclick = "return add ()"/>/>
</body>
</html>
Kode adalah: Saat mengklik tombol Tambah, tambahkan dua kotak input ke halaman ke halaman, dan tetapkan nilai ke dua kotak input baru secara bersamaan. Yaitu 6,7,8,9 (mode kompatibel) berjalan secara normal.
Tetapi di bawah ff, chrome, IE9 (mode tidak kompatibel), itu tidak benar:
Ubah metode add ()
Salin kode kode sebagai berikut:
<type skrip = "Teks/JavaScript">
Fungsi add () {
var litemplate = $ ("#template");
$ ("#Box").
var new_li = $ ("#box li: last");
new_li.find ("input [name = 'awbpre']").
new_li.find ("input [name = 'awbno']").
}
</script>
Itu benar. Saya seorang pemula untuk teknologi depan -end. , karena litemplate belum bergabung dengan nomor ketika pohon DOM akhirnya dipanggil ketika livemplate.html () dipanggil, kode HTML yang dikembalikan masih merupakan kode HTML sebelum pemrosesan awal (sedikit nilainya, salinannya digunakan, Tidak peduli proses yang diproses, itu tidak mempengaruhi nilai asli); Kali ini, referensi pointer dari objek yang diperoleh.