次のようにコードコードをコピーします。
<！doctype html>
<html>
<head>
<title> ffおよびie動的荷重要素</title>
<script type = "text/javascript" src = "jquery-1.4.min.js"> </scrip>
<style type = "text/css">
li {マージン：0;
</style>
<script type = "text/javascript">
関数add（）{
var litemplate = $（ "#template"）;
litemplate.find（ "input = 'awbpre']"）。
litemplate.find（ "input = 'awbno']"）。
$（ "#box"）。
}
</script>
</head>
<body>
<ul id = "box">
<li id = "template" style = "display：none">
awbpre：
<入力型= "text" value = "＃awbno＃" name = "awbpre"/>
awbno：
<入力型= "テキスト"値= "＃awbno＃" name = "awbno"/>
</li>
</ul>
<入力型= "ボタン"値= "add" onclick = "return add（）"/>/>
</body>
</html>
コードは次のとおりです。[追加]ボタンをクリックすると、ページに2つの入力ボックスを追加し、2つの新しい入力ボックスに同時に値を割り当てます。つまり、6,7,8,9（互換モード）は、以下のスクリーンショットを参照してください。
しかし、FF、Chrome、IE9（非compatibleモード）では、それは正しくありません。
add（）メソッドを変更します
次のようにコードコードをコピーします。
<script type = "text/javascript">
関数add（）{
var litemplate = $（ "#template"）;
$（ "#box"）。
var new_li = $（ "#box li：last"）;
new_li.find（ "input = 'awbpre']"）。
new_li.find（ "input = 'awbno']"）。
}
</script>
そうです、 2つの違いは、最初に割り当てを行い、次にDOMツリーに追加してから、対応する処理の割り当てを見つけることです。私はフロントエンドテクノロジーのルーキーです。 、livemplate.html（）が呼び出されたときにlivemplate.html（）が呼び出されたときにlitemplateが最終的に呼び出されたときに数値に結合していないため、初期処理前に返されたHTMLコードはまだhtmlコードです（値のビット、コピーは使用されます、プロセスが処理されていても、元の値に影響しません今回は、「ポインター」方向の変更が取得されたオブジェクト自体に直接影響します（「参照伝送」の意味は少しです）