クローンはクロムの入力値をコピーしませんが、Mozillaで動作します

これはHTMLのコードです。
このコードはMozillaでは動作していますが、Chromeでは動作しません。クローンはクロムの入力値をコピーしませんが、Mozillaで動作します

<!DOCTYPE html> 
<html> 
    <body> 
    <ul id="myList1"> 
     <li>Item 1</li> 
     <li>Item 2</li> 
    </ul> 
    <ul id="myList2"> 
     <li>Water</li> 
     <li> 
     <input id="files" name="files" type="file" /> 
     </li> 
    </ul> 
    <p>Click the button to copy an item from one list to another.</p> 
    <button onclick="myFunction()">Try it</button> 
    <p>Try changing the <em>deep</em> parameter to false, and only an empty LI element will be cloned.</p> 
    <script> 
     function myFunction() 
     { 
     var itm = document.getElementById("myList2").lastChild; 
     var cln = itm.cloneNode(true); 
     document.getElementById("myList1").appendChild(cln); 
     } 
    </script> 
    </body> 
</html>

出典

2016-12-09 swapnil jain

あなたの質問にもう少し明確

出典

2016-12-09 07:37:09 Jonathan

で行うことができます

あなたは答えとしてコメントを投稿できませんしてくださいできますか？ – PeterT

lastChildは、テキストノードを含むすべてのノードの子を含んで精密てくださいすることができます。だからあなたが持っているのは要素ではなく、改行とスペースが</li>と</ul>のテキストノードです。

だから、最後の子要素ではなく最後の子要素が必要です。あなたは

function myFunction() 
{ 
    var itm = document.getElementById("myList2").lastElementChild; 
    var cln = itm.cloneNode(true); 
    document.getElementById("myList1").appendChild(cln); 
}

出典

2016-12-09 08:45:56 PeterT

クローンはクロムの入力値をコピーしませんが、Mozillaで動作します

答えて

関連する問題