OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <body> |
| 4 <p>Testing cloneNode(true) on textarea element works correctly</p> |
| 5 <p>Before clone</p> |
| 6 <textarea name="" id="textarea1" cols="15" rows="2">InitialText</textarea> |
| 7 <textarea name="" id="textarea2" cols="15" rows="2">InitialText</textarea> |
| 8 <textarea name="" id="textarea3" cols="15" rows="2">InitialText</textarea> |
| 9 <p>After clone</p> |
| 10 <script> |
| 11 // cloning text |
| 12 var textarea1 = document.getElementById('textarea1'); |
| 13 document.body.appendChild(textarea1.cloneNode(true)); |
| 14 |
| 15 // User input |
| 16 var textarea2 = document.getElementById('textarea2'); |
| 17 textarea2.focus(); |
| 18 document.execCommand('InsertText', false, 'InsertedText '); |
| 19 document.body.appendChild(textarea2.cloneNode(true)); |
| 20 textarea2.blur(); |
| 21 |
| 22 // Updating IDL value |
| 23 var textarea3 = document.getElementById('textarea3'); |
| 24 textarea3.value = "NewText"; |
| 25 document.body.appendChild(textarea3.cloneNode(true)); |
| 26 </script> |
| 27 </body> |
| 28 </html> |
OLD | NEW |