<!DOCTYPE html> <html> <head> <title>Test</title> <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> </head> <body> <form id="form1"> <input id="F1I1" type="input" value="11"/> <input id="F1I2" type="input" value="12"/> </form> <form id="form2"> <input id="F2I1" type="input" value="21"/> <input id="F2I2" type="input" value="22"/> </form> <script> <!-- Create a new input, add it to the first form, move it to the 2nd form, then move it back to the first --> var form1 = document.getElementById("form1"); var form2 = document.getElementById("form2"); var newInput = document.createElement("input"); newInput.value = "13"; form1.insertBefore(newInput, form1.firstChild); var F2I2 = document.getElementById("F2I2"); form2.insertBefore(newInput, F2I2); form1.insertBefore(newInput, form1.firstChild); is(form1.elements.length, 3, "Form 1 has the correct length"); is(form1.elements[0].value, "13", "Form 1 element 1 is correct"); is(form1.elements[1].value, "11", "Form 1 element 2 is correct"); is(form1.elements[2].value, "12", "Form 1 element 3 is correct"); is(form2.elements.length, 2, "Form 2 has the correct length"); is(form2.elements[0].value, "21", "Form 2 element 1 is correct"); is(form2.elements[1].value, "22", "Form 2 element 2 is correct"); </script> </body> </html>