insertNodeIntoSelection.htm (1201B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title id="desc">HTML5 Selection: Insert a new element and text node into an element that is currently selected</title> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script type="text/javascript"> 8 function RunTest() 9 { 10 var selection = window.getSelection(); 11 var div1 = document.getElementById("div1"); 12 var range = document.createRange(); 13 range.selectNode(div1); 14 selection.addRange(range); 15 16 assert_equals(selection.toString(), "some text"); 17 18 var ele = document.createElement("div"); 19 var tNode = document.createTextNode("new text"); 20 ele.appendChild(tNode); 21 div1.appendChild(ele); 22 23 assert_equals(selection.toString(), "some text\nnew text"); 24 } 25 </script> 26 </head> 27 <body onload="test(RunTest);"> 28 <p>This test inserts a new element with a text node child into the current selection.</p> 29 <div id="div1">some text</div> 30 </body> 31 </html>