نسخ رمز رمز على النحو التالي:
<doctype html>
<html>
<head>
<title> FF و IE عناصر التحميل الديناميكي </title>
<script type = "text/javaScript" src = "jquery-1.4.min.js"> </script>
<type type = "text/css">
li {margin: 0 ؛
</style>
<script type = "text/javaScript">
وظيفة إضافة () {
var litmplate = $ ("#template") ؛
litplate.find ("input [name = 'awbpre']").
litplate.find ("input [name = 'awbno']").
$ ("#box").
}
</script>
</head>
<body>
<ul id = "box">
<li id = "template" style = "display: none">
Awbpre:
<type type = "text" value = "#awbno#" name = "awbpre"/>
Awbno:
<type type = "text" value = "#awbno#" name = "awbno"/>
</li>
</ul>
<type type = "button" value = "add" onClick = "return add ()"/>/>
</body>
</html>
الرمز هو: عند النقر فوق الزر إضافة ، أضف مربعين إدخالين إلى الصفحة ، وتعيين قيمة إلى مربعين إدخال جديدان في نفس الوقت. IE 6،7،8،9 (الوضع المتوافق) يعمل بشكل طبيعي.
ولكن تحت FF ، Chrome ، IE9 (الوضع غير القابل للتكيف) ، فهو ليس صحيحًا:
تغيير طريقة ADD () إلى
نسخ رمز رمز على النحو التالي:
<script type = "text/javaScript">
وظيفة إضافة () {
var litmplate = $ ("#template") ؛
$ ("#box").
var new_li = $ ("#box li: last") ؛
new_li.find ("input [name = 'awbpre']").
new_li.find ("input [name = 'awbno']").
}
</script>
هذا صحيح. أنا صاعد للتكنولوجيا الشخصية . ، نظرًا لأنه لم ينضم إلى الرقم عندما يتم استدعاء شجرة DOM أخيرًا عندما يتم استدعاء livemplate.html () ، فإن رمز HTML الذي تم إرجاعه لا يزال رمز HTML قبل المعالجة الأولية (جزء من القيمة ، يتم استخدام النسخة ، بغض النظر عن العملية ، فإنها لا تؤثر على القيمة الأصلية) ؛ هذه المرة ، مرجع مؤشر الكائن الذي تم الحصول عليه.